1. 程式人生 > >使用jekyll+Github搭建個人獨立部落格

使用jekyll+Github搭建個人獨立部落格

step 1.選擇GitHub作為部落格伺服器

Repository name(倉庫名)必須是 your_user_name.github.io

比如我的使用者名稱是admin,那麼倉庫的名稱就必須是admin.github.io ,這點灰常重要。

另外新建倉庫時選擇Initialize this repository with a README.gitignoreLicenses,如下圖所示

- 在新建的倉庫中新建一個index.html檔案或者本地新建採取上傳的方式新增到新建的倉庫

index.html中應包含如下程式碼:

<?
<!DOCTYPE html> <html> <body> <h1>Hello World</h1> <p>I'm hosted with GitHub Pages.</p> </body> </html> ?>

上傳完畢之後倉庫中應至少包含如下4個檔案:gitignore,LICENSEREADME.mdindex.html

這裡寫圖片描述

至此,your_name.github.io就可以飛起來了。

step 2.搭建本地執行環境jekyll

以下以windows使用者為例進行說明。

  • 安裝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 的時候會被解析到你設定的網址。

至此,部落格基本搭成。