本文接上文:《【Mac01】小白教程:6大神器搭建免費無限流量博客方案](http://www.lxweimin.com/p/1d6c56ea886a)》
三、使用JekyllBootstrap生成網站
上一篇本部分的第三點提到過,通過在地址欄輸入地址
就可以訪問網站,下面繼續來看如何設置
(四)如何創建文章
根據Jekyll的說明,只要在根目錄下的_post中建立文件就可以了,文件包括.html、.md等多種格式。我們可以來嘗試一下,怎么做:
- 在終端中進入hiddenwangcc.github.io的根目錄;
- 輸入命令:
rake post title="這是我第一篇文章"
查看反饋為:
Creating new post: ./_posts/2015-07-15-.md
- 也就是自動在“_post”文件夾中建立了文件,該文件符合Jekyll的命名要求(年月日和文件名),為了方便起見,在日期后加上名稱,例如:2015-07-15-helloworld.md。
使用Jekyll的本地服務,啟動服務器查看就可以看到效果(如上圖所示)。當然,您也可以前往根目錄建立文件,命名符合要求即可(但是需要書寫yml文件頭信息)。
(五)如何建立頁面
基本和(四)的操作是一樣的,只是把post改成了page而已,命名方式也改為:
rake page new name="upwithme.md"
這樣就在根目錄建立好了頁面文件了,還有另外兩種方案,可以點擊查看。
(六)同步發布至Github
根據Git的要求,每次完成修改后,都需要將修改后的文件放入暫存區,所以,這需要兩步操作:
1. git add --all #全部寫入暫存區
2. git commit -m "自己輸入相應的修改內容" #目的是建立快照
3. git push origin master #推送至服務器存儲
輕松簡單,每次修改完成后再加上Github的托管,網站就更新完成啦!
四、自定義博客
博客建立好了之后需要自定義了,主要有以下幾個方面的內容:
(一)自定義博客的配置
打開根目錄中的_config.yml文件,找到以下的內容,并將其修改成自己的信息。
title : My Blog =)
author :
name : Name Lastname
email : blah@email.test
github : username
twitter : username
The theme should reference these variables whenever needed.
另外,博客還需要預先設置的內容很多,包括博客發布時的地址、基礎路徑設置、是否可以評論、網站統計分析器設置等內容,具體請查看官方教程,這個部分需要調整的內容很少,也是很簡單的。
(二)更換主題
更換主題通常來說是自定義中最關鍵的部分,Jekyll Bootstrap的主題已經都模塊化了,只要下載和具體使用就好了。方法如下:
- 打開官網查看主題,官網提供了六個主題。
- 在頁面下方點擊不同主題查看(預計需要翻一下才能看到),看中某個主題后,點擊使用,就會彈出安裝指導。比如我選擇了the-program主題,那么只需要在終端前往JB所在的根目錄,輸入下面指令:
rake theme:install git="https://github.com/jekyllbootstrap/theme-the-program.git" - 主題下載好之后,系統會提示是否需要更換,直接按y就好。
Q&A:如何更換主題
如果系統中已經安裝了多款主題,可以使用以下命令來更換主題:
rake theme:switch name="the-program"
反饋信息為:
rake theme:switch name="hooligan"
Generating 'hooligan' layout: default.html
Generating 'hooligan' layout: page.html
Generating 'hooligan' layout: post.html
=> Theme successfully switched!
=> Reload your web-page to check it out =)
如果您自己找到了主題包(zip格式),也可以將主題包放入./_includes/themes/THEME-NAME文件夾,然后運行以下命令即可:
rake theme:install name="THEME-NAME"
目前,還發現一種方式,就是直接fork他人,然后該一下名字就可以了……也挺好的。可以選擇的有以下的網站:
- 官方主題站:http://jekyllthemes.org
- http://github.thinkingbar.com
- http://xinqiu.me
- http://xiaocuixt.github.io
- http://qinyuanpei.com
- http://allluckly.cf
- http://hackerxu.com
- http://blog.sevenche.com
- http://painterlin.com
- http://www.chen9.info
- http://huangxuan.me
- http://yongyuan.name
- http://enml.github.io/site
- http://blog.tankywoo.com
- http://songchunlin.net
- http://san.sanrabbit.com
- http://soohu.github.io
- http://yansu.org
- http://miloyip.com
(三) 配置自定義域名
當我建立好http://hiddenwangcc.github.io之后,手頭恰好有幾個域名空著沒有用,所以,想想看能否直接綁定到一起呢?所以,參考官方的教程(極其簡單)搞定了配置,方法如下:
- 在網站的根目錄下建立文件:名字為CNAME,不要加任何的后綴
未完,持續更新中……
關于主題:http://blog.sina.com.cn/s/blog_71e68a810101b80c.html
添加評論框Disquz:http://cenalulu.github.io/jekyll/setup-comment-for-your-blog
- setting
- Moderation
- 建立新網站
- 新網站的域名就是短連接
- 將短連接放置在config里面
添加多說評論框:http://havee.me/internet/2013-07/add-duoshuo-commemt-system-into-jekyll.html
更多主題:
……
……
……
……
……
……
……
……
……
……
To be continued
參考資料
- 《搭建一個免費的,無限流量的Blog----github Pages和Jekyll入門》
- 《告別wordpress,擁抱jekyll》
- 《如何高效利用Github》
- 《理想的寫作環境:Git+Github+Markdown+Jekyll》
- 《Jekyll博客搭建(windows)》
- 《GitHub+markdown+jekyll打造完美個人博客》
- Jekyll官網:http://jekyll.bootcss.com(中文版 | 英文版)
- JekyllBootstrap官網幫助文件:點擊查看
- Github Pages官網說明:點擊查看