Jekyll + Github Pages構建個人技術博客

原文鏈接,我的新博客

---

寫技術博客可以積累並且鞏固所學的知識，溫故知新，還能傳播知識，幫助他人解決問題。

前言

搭建專屬於自己的博客，是每一個碼農都會想要去實現的，以前自己也曾想要搭建，但是總有無從下手的感覺，隨着知識閱歷的提升，知道了一些搭建的方式，時機成熟，買下了夢寐已久的域名，便開始動手搭建。

參考

• 這裏是官方介紹
• 如何快速給自己構建一個溫馨的”家”——用Jekyll搭建靜態博客
• 喵神的Vno Jekyll

安裝Jekyll

//打開命令行 使用gem安裝Jekyll
gem install jekyll

啓動Jekyll服務

//使用Jekyll創建你的博客站點
jekyll new blogname

//進入blog目錄
cd blogname 

//在blog文件夾內 開啓Jekyll服務
jekyll serve

//啓動成功會提示站點地址,一般是[127.0.0.1:4000](http://127.0.0.1:4000),打開後就可以看到自己新建的站點

下載模板

// 過程中缺什麼工具靈活安裝
// 下載模板
$ git clone https://github.com/onevcat/vno-jekyll.git your_site

// 切換到模板所在的目錄下
$ cd your_site

// 安裝打包工具
$ bundler install

// 啓動服務（此後啓動站點服務都用��這句，能實時加載新文章和頁面改動，而不用重新啓動服務）
$ bundler exec jekyll serve

模板內容

1. 需要調整的文件：

• _config.yml——–博客配置文件，需要根據自身的情況修改
• _posts————-新文章扔進這裏
• _includes———-頁眉頁腳等模板放在這裏，根據自身的情況修改
• assets————-favicon、頭像、首頁背景圖在這裏面，可以直接替換
• CNAME————–自定義域名放在這裏面
• README.md———-Github說明，需要根據自身的情況修改
• feed.xml———–訂閱
• _site————–自動生成的博客內容,index.html需要根據情況修改

2. 以下文件不建議修改：

• _layouts———–文章模板
• index.html———首頁模板
• 其他的...不要在意這些細節（不會用��）

3. 更多jekyll模板

• 更多jekyll模板，使用方式同上。
  

套用模板：

直接將修改後的模板內容copy到其他文件夾,再執行下面兩句命令：
$ bundler install
$ bundler exec jekyll serve
即可運行成功

提交至Github Pages

1. 在Github上Create a new repository
   
   • 填寫Repository name的格式爲username.github.io(需要嚴格遵守)，其中username用自己取的名字的替換
   • 設置自定義域名Settings->Custom domain，或者本地目錄創建CNAME亦可
   • 把本地的文件夾提交至改項目即可在username.github.io該網頁看到自己的博客了
   • 這裏是我的博客地址：xietao3.com 以供參考

結語

雖然寫出來只有這麼短短的一篇，背後其實花了不少心血；
在搭建過程中，我也遇到過很多問題，遇到問題的時候不要輕易放棄，希望各位也是如此；
其次寫下這篇總結，由於我是先搭建完成然後再寫的總結，具體按步驟實施下來出現種種問題，希望讀者多多包容和提點。