使用jekyll+Github搭建個人獨立部落格
step 1.選擇GitHub作為部落格伺服器
Repository name(倉庫名)必須是 your_user_name.github.io
比如我的使用者名稱是admin,那麼倉庫的名稱就必須是admin.github.io
,這點灰常重要。
另外新建倉庫時選擇Initialize this repository with a README
和.gitignore
和Licenses
,如下圖所示
- 在新建的倉庫中新建一個index.html檔案或者本地新建採取上傳的方式新增到新建的倉庫
index.html中應包含如下程式碼:
<?
<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>I'm hosted with GitHub Pages.</p>
</body>
</html>
?>
上傳完畢之後倉庫中應至少包含如下4個檔案:gitignore
,LICENSE
,README.md
和index.html
至此,your_name.github.io就可以飛起來了。
step 2.搭建本地執行環境jekyll
以下以windows使用者為例進行說明。
- 安裝Ruby,移步Ruby下載頁中國映象站。選擇高穩定版本即可。安裝時勾選如下對話方塊。
安裝rubygems,解壓後執行
setup.rb
檔案。安裝jekyll:
cmd執行
gem install jekyll
- 執行jekyll
進入你的blog資料夾:cd your-site-name
執行本地服務: jekyll s
在瀏覽器中執行http://127.0.0.1:4000/
即可在本地執行除錯。
step 3.發表文章
文章開頭,加上如下所示的程式碼:
--- layout: post title: Welcome to Jekyll! date: 2014-01-27 categorie: Blog tags:jekyll ---
另外,檔案的名稱也移動得加上時間標題。
比如該檔案的標題可以設定為:
2016-05-25-build-blog.md
然後將文章放入 _post資料夾下即可。
step 4.定製域名
購買域名:萬網,Godaddy都可以。萬網比較便宜。
在github資料夾內新建一個
CNAME
檔案,寫入你的域名,不加https://
.域名解析,可以選擇Dnspod或者萬網的域名解析。
以萬網域名解析為例:進入管理控制檯>雲解析>域名後邊有解析>進入解析
接著 cmd ,輸入
ping your_name.github.io
得到一個ip地址。
然後在上圖域名解析中,點選新增解析
在主機記錄
一欄填寫”www”,記錄值一欄填寫剛才剛才ping到的ip地址。
在新增一個解析,同上,主機記錄
一欄填寫”@”,記錄值一欄填寫剛才ping到的ip地址。
這樣,當你輸入 your_name.github.io
的時候會被解析到你設定的網址。
至此,部落格基本搭成。