首先，必須有一個GitHub賬號箩做，相信大家都有虫腋，沒有的話自己去創(chuàng)建吧骄酗。
一、GitHub Pages的使用
1. 創(chuàng)建一個分支悦冀，使用你的GitHub name
Head over to GitHub and create a new repository named username.github.io, where username is your username (or organization name) on GitHub.
我的GitHub name是 SkylerHu趋翻，以我的名字為例。
2. 初始化項目
若是借助Jekyll和hexo的話盒蟆，只需clone下來即可踏烙。
已下步驟是基于terminal的git命令，若是使用界面工具历等，自己去GitHub Pages看
~$ git clone https://github.com/SkylerHu/SkylerHu.github.io
~$ cd SkylerHu.github.io
~$ echo "Hello World" > index.html
~$ git add --all
~$ git commit -m "Initial commit"
~$ git push -u origin master
也可以在index.html中添加HTML內(nèi)容宙帝，然后在push
一切OK之后，可以訪問 http://SkylerHu.github.io. 可以查看index.html的內(nèi)容募闲。這個網(wǎng)址就是你的博客網(wǎng)址步脓。
二、使用Jekyll
上面新建的項目中，Settings中可以看到GitHubPages相關(guān)配置靴患，官方推薦使用Jekyll
1. 初始化
安裝需要Ruby環(huán)境仍侥，沒有的話自行安裝。
~$ gem install jekyll
~$ jekyll new my-awesome-site
把項目生成的所有文件鸳君，全部copy到SkylerHu.github.io目錄下.
2. 目錄結(jié)構(gòu)
3. 本地啟動預(yù)覽
~$ cd SkylerHu.github.io
~/SkylerHu.github.io$ jekyll serve
直接訪問http://localhost:4000/ 就可以看到你的網(wǎng)站了农渊。
4. 寫文章
在目錄/SkylerHu.github.io/_posts/下新建xxxx.md；
格式需要按照模板提供的去寫或颊；
5. 部署
~/SkylerHu.github.io$ git add --all
~/SkylerHu.github.io$ git push
6. 使用自己的域名
1) 添加CNAME文件push到GitHub
~/SkylerHu.github.io$ echo "pages.skylerhu.com" > CNAME
2) 域名解析
使pages.skylerhu.com解析到 SkylerHu.github.io
注意選擇 解析類型是CNAME
7. 主題
推薦網(wǎng)站：
可以根據(jù)自己的喜好去選擇主題砸紊，都大同小異。
三囱挑、使用hexo
之所有使用hexo,因為好多網(wǎng)友都說這個比較好醉顽，所有研究了一下使用方法。
需要安裝Node.js
1. 安裝
~$ sudo npm install -g hexo
2. 初始化
~$ cd blog
# 初始化
~/blog$ hexo init
# 生成靜態(tài)頁面平挑，把markdown轉(zhuǎn)化成html游添，hexo g 也行
~/blog$ hexo generate
# 啟動本地服務(wù)，hexo s 也行
~/blog$ hexo server
其他hexo命令
3. 配置GitHub
編輯blog目錄下_config.yml文件通熄，詳見hexo配置
~/blog$ vim _config.yml
找到deploy配置如下：
deploy:
type: git
repo:https://github.com/SkylerHu/SkylerHu.github.io.git
branch:master
message: commit的message唆涝，默認 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}
保存后執(zhí)行命令安裝插件hexo-deployer-git
~/blog$ npm install --save
4. 配置RSS
編輯_config.yml配置feed
feed:
type: atom
path: atom.xml
limit: 20
hub:
~/blog$ npm install hexo-generator-feed --save
5. 部署GitHub Pages
部署之前可以修改_confi.yml中deploy.message作為git commit的message
# 每次修改之后都需要clean和generate
~/blog$ hexo clean
~/blog$ hexo generate
# hexo d 也可以
~/blog$ hexo deploy
會生成一個.deploy_git 文件夾同步到GitHub項目中。
5. 主題
推薦網(wǎng)站https://hexo.io/themes/
我自己使用的是 hexo-theme-yilia
~$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
修改hexo根目錄下的 _config.yml ： theme: yilia
6. 使用自己的域名
同Jekyll一樣唇辨，也需要修改域名解析廊酣，同樣也要在GitHub項目下添加CNAME文件。
注意：
- 不能直接在
deploy_git目錄下直接添加CNAME文件赏枚，每次generate之后會刪除- 需要添加到
source文件夾下echo "pages.skylerhu.com" > source/CNAME
7. 其他配置
可以在blog/_config.yml配置語言和時區(qū)
language: zh-Hans
timezone: Asia/Shanghai
我的網(wǎng)站還添加了多說評論和百度統(tǒng)計亡驰，具體使用詳見推薦網(wǎng)站。
四嗡贺、比較
| Jeky | hexo | |
|---|---|---|
| 語言 | Ruby | node.js |
| 效率 | So fast | 稍慢 |
| 部署 | 需要多個命令 | 直接使用git命令 |
兩個之間都可以互相遷移隐解，看個人操作習慣和愛好吧鞍帝。
