利用GitHub Pages和Jekyll創(chuàng)建個(gè)人博客

作者博客:bot7.cc

雖然現(xiàn)在市面上已經(jīng)有很多優(yōu)秀的博客服務(wù)商,但是擁有一個(gè)屬于自己的站點(diǎn)還是一件很有吸引力的事情。整個(gè)站點(diǎn)從頭到尾都可以完全按照自己的意愿定制,并且可以完全避免各種礙眼的廣告。最重要的是,配上一個(gè)個(gè)性化的域名,逼格滿(mǎn)滿(mǎn)啊。哈哈!

利用GitHub Pages服務(wù)加Jekyll的模式可以實(shí)現(xiàn)本地化的編寫(xiě)調(diào)試,支持Markdown語(yǔ)法,并且利用Git Push即可完成部署,非常方便。最重要的是,GitHub Pages是免費(fèi)的。

1. 在GitHub上創(chuàng)建倉(cāng)庫(kù)并開(kāi)啟GitHub Pages服務(wù)

GitHub Pages是GitHub為方便用戶(hù)建立項(xiàng)目主頁(yè)提供的服務(wù),可以在項(xiàng)目設(shè)置中開(kāi)啟。用戶(hù)可以選擇為該倉(cāng)庫(kù)建立一個(gè)分支來(lái)存儲(chǔ)網(wǎng)頁(yè)的代碼,也可以選擇直接利用master分支存儲(chǔ)整個(gè)網(wǎng)站。開(kāi)啟了這項(xiàng)服務(wù)之后,只要將網(wǎng)站的代碼Push到倉(cāng)庫(kù)中就可以訪問(wèn)了。

GitHub會(huì)自動(dòng)分配一個(gè)用戶(hù)ID.github.io的域名,當(dāng)然如果你購(gòu)買(mǎi)了域名的話(huà),可以將其替換為已購(gòu)買(mǎi)的域名。若要使用自定義域名只需要在設(shè)置中勾選自定義域名的復(fù)選框并去相應(yīng)的域名服務(wù)商添加解析條目,將你的域名解析到GitHub的服務(wù)器,IP地址可以在GitHub的幫助文檔中找到。

2. 安裝Jekyll

Jekyll可以自動(dòng)生成站點(diǎn)的框架,包含各種各樣的主題,并且可以建立本地的站點(diǎn)服務(wù)方便進(jìn)行測(cè)試。
由于Jekyll依賴(lài)于Ruby運(yùn)行,因此也需要同時(shí)安裝Ruby。

  • 下載安裝Ruby
  • 下載安裝Ruby的開(kāi)發(fā)套件(2.4版的Ruby安裝完成之后會(huì)彈出窗口自動(dòng)安裝開(kāi)發(fā)套件)
  • 打開(kāi)終端gem install jekyll 安裝Jekyll

3. Jekyll的使用

使用Jekyll建立新的站點(diǎn)非常簡(jiǎn)單,只需要在終端輸入jekyll new sitename就會(huì)在當(dāng)前目錄建立名為sitename的站點(diǎn)。

當(dāng)然,這里我們建議使用Jekyll的主題模板,在網(wǎng)上搜索到喜歡的主題之后,下載解壓,修改其中的_config.yml文件,完成站點(diǎn)的配置。

之后在_post目錄下建立MarkDown文件完成新文章的發(fā)布,一個(gè)MarkDown文件對(duì)應(yīng)一篇文章,這個(gè)目錄下通常會(huì)有文章的模板,按照模板來(lái)配置就行了。

在站點(diǎn)目錄下打開(kāi)終端之后鍵入jekyll serve即可開(kāi)啟Jekyll的本地測(cè)試服務(wù),利用瀏覽器訪問(wèn)localhost:4000就可以進(jìn)行站點(diǎn)的本地測(cè)試。

測(cè)試完成之后只需要將整個(gè)站點(diǎn)的代碼利用Git Push到第一步建立的GitHub倉(cāng)庫(kù)就完成了所有配置。

4. 配置CDN加速

為了提高站點(diǎn)的訪問(wèn)速度,可以配置CDN加速。目前騰訊云提供免費(fèi)CDN加速服務(wù),只不過(guò)使用版具有流量限制,但是對(duì)于個(gè)人站點(diǎn)足夠用了。

注冊(cè)騰訊云服務(wù),進(jìn)入CDN配置后臺(tái),按照向?qū)陆ㄕ军c(diǎn),添加CNAME解析到GitHub服務(wù)器即可。


補(bǔ)充-配置SSL證書(shū)開(kāi)啟https訪問(wèn)

2017-07-31

GitHub Pages提供的證書(shū)域名為*.github.io,如果配置了自定義域名的話(huà),用戶(hù)使用https訪問(wèn)會(huì)出現(xiàn)證書(shū)錯(cuò)誤。

度娘谷歌了一圈發(fā)現(xiàn)網(wǎng)友推薦的都是國(guó)外的CDN運(yùn)營(yíng)商Cloudflare提供的證書(shū)服務(wù),但是在國(guó)內(nèi)由于一種神秘力量的存在,導(dǎo)致這些國(guó)外的網(wǎng)站非常慢甚至是完全不能用。于是轉(zhuǎn)而尋找國(guó)內(nèi)的替代服務(wù),驚喜的發(fā)現(xiàn)騰訊云就提供的免費(fèi)的SSL證書(shū)服務(wù)。

只需要在騰訊云產(chǎn)品中選擇SSL證書(shū),之后點(diǎn)擊申請(qǐng)免費(fèi)SSL證書(shū),按照向?qū)нM(jìn)行申請(qǐng)配置就可以了。

由于我的域名解析使用的就是騰訊自家的云解析,證書(shū)申請(qǐng)之后不需要進(jìn)行任何配置。如果你使用的其他域名解析服務(wù),可以按照向?qū)дf(shuō)明一步一步設(shè)置,非常簡(jiǎn)單。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容