Day24：【技术篇】设定自己的GitHub Pages

一、前言

  网路上有很多创建个人 GitHub Pages 的教学文章，这边就先跳过此环节与相关原理说明，如果你已经拥有自己的 GitHub Pages ，想要美化的话，可以参考我这篇文章，试着用一些现成的套件，轻松地让页面看起来更加完整、美观及方便使用！而比较有名的像是 Jekyll 或是 Octopress 之类的好用套件等可以参考。

二、设定自己的GitHub Pages - 使用Hexo

1. 安装Hexo，并确认版本

• 请先确认你的电脑已经有安装过node.js了哟！
• 以 ‘$’ 开头，皆为 bash 指令

网路查到的安装指令是

$ npm install hexo-cli -g

但我使用时看到这个提示，照着走就好罗，因为有新版

$ npm install -g npm

安装Hexo Git

$ npm install hexo-deployer-git --save

安装完成後，可以用这个指令来确认版本号

$ hexo version

2. 初始化blog

初始化并建立一个blog资料夹

$ hexo init blog

进到创建好的blog资料夹里

$ cd blog

安装相关套件

$ npm install

3. 连结GitHub Page

进到blog资料夹

$ open . // 在mac系统打开当前资料夹的指令

打开名叫_config.yml档案，在最下面的Deployment部分，填上以下资讯。
GitHub-ID就是你的GitHub帐号，记得网址里有两处要改！！！

deploy:
  type: git
  repository: http://github.com/GitHub-ID/GitHub-ID.github.io.git
  branch: master

接着就是部署罗！

$ hexo d -g

成功示意图，讯息内容就和平常使用git push非常像

失败示意图(原因是GitHub-ID少打一个...)

部署成功後可以到https://{yourname}.github.io/检视！

Hexo部署成功图(这是预设主题)

三、结论与自我鼓励

  身为一个工程师，不断增进自己的实力与用自己的方式输出，是可以持续进步的好方法，而且创建个人的 GitHub Pages ，也是一个能证明自己能力与所知的好方式，对求职我觉得也相当有帮助，是很值得快速学习入门的免费服务。

本文同步发布於我的个人网站 Annie Code Life