使用Jekyll在Github上搭建博客

最近在玩github，忽然發現不少說明網站或者一些介紹頁面所有在一個域名是*****.github.io上。

好奇！！！真的好奇！！！怎麼弄的？我也要一個~~~

 

因而去網站上查詢了一下，找到了https://pages.github.com/官方網站。

只能夠寫html靜態頁面。在最下方找到了一個github推薦的Jekyll。

jekyll原網站是英文的，這裏有個翻譯的網站：http://jekyll.bootcss.com/。不過貌似有些日子沒更新了，仍是推薦看回官網。

 

因而，經過jekyll，開啓了github的網站搭建之路。

 

1. 打開terminal，任意路徑執行： gem install jekyll

拋出異常：

ERROR: While executing gem ... (Gem::FilePermissionError) You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

解決方法：

sudo gem install jekyll

 

 2. 在github上建立項目username.github.io

 3. 拉取項目到本地

 4. 在terminal中，任意路徑執行： jekyll new username.github.io

 5. 將生成的文件複製到剛剛拉取的github項目目錄下。

 6. 同步代碼，上傳~ 訪問username.github.io，便可看到下圖，博客搭建完成。

 7. 本地運行，切換到項目目錄下，執行：jekyll serve

 8. 在瀏覽器中執行：http://127.0.0.1:4000/，便可看到和username.github.io相同的頁面內容。

 9. 想要中止服務，在terminal中關閉其進程便可。屆時terminal中會顯示 「 [1]+  Stopped  jekyll serve 」

10. 再次啓動時極可能會出現以下錯誤：

[2016-04-22 22:51:20] WARN TCPServer Error: Address already in use - bind(2) jekyll 3.1.3 | Error: Address already in use - bind(2)

 

產生緣由：

　　關閉時使用了錯誤的命令，不是command+c，而是control+c。

解決方法：

　　a. 使用命令：ps aux | grep jekyll 查找到進程號

　　b. 使用命令：kill -9 28185 殺死進程（其中28185是進程號）

 

11. 打開 _config.yml 文件，便可修改文件展現的不少內容。以下圖：

12. 再次瀏覽網頁，這是就會發現網頁內容被改變了。咦？中文呢？說好的顏色不同的煙火呢？以下圖：

（其中#號是註釋，也就是說上圖的代碼中#號後的內容都被註釋掉了。但這並非它不顯示出中文的緣由）

解決方法：很是簡單···換一個ide就能夠了···這個是個編碼問題···

以前使用vs code，好吧，編碼有問題，換成了atom，問題解決···

話說，這樣我能夠給vs code提bug麼?···

 

下面附上個人github page鏈接地址：http://lunagao.github.io/