github釋出部落格
阿新 • • 發佈：2018-12-21
- 建立github專案：
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/1.png)
名字為：{{你的帳號}}.github.io - clone專案，建立並提交推送一個index頁面
如：
<!DOCTYPE html>
<html>
<body> <h1>Hello World</h1> </body> </html>- 1
- 2
- 3
- 4
- 5
- 6
- 開啟https://{{你的帳號}}.github.io/，可以開到你剛才的頁面
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/2.png)
這就已經算成功一半了 -
去ruby網站下載安裝ruby，
https://rubyinstaller.org/downloads/ -
安裝後檢視是否安裝成功
ruby -v- 1
gem -v- 1
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/3.png)
6. 安裝jekyll
gem install jekyll- 1
- 檢視是否安裝成功
jekyll --version- 1
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/4.png)
8. 建立專案
jekyll new blog- 1
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/5.png)
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/6.png)
9. 安裝bundler ，我的沒安裝會出現報錯，一些問題可參考https://blog.csdn.net/wudalang_gd/article/details/74619791
gem install bundler -r --source http://rubygems.org/- 1
在你剛建的部落格目錄下：
bundle install- 1
- 啟動
jekyll serve- 1
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/7.png)
![[圖片]](https://blog-pic-1257286366.cos.ap-chengdu.myqcloud.com/github%E5%8F%91%E5%B8%83%E5%8D%9A%E5%AE%A2/8.png)
11. 下載自己喜歡的模版http://jekyllthemes.org/