本文接上文:《【Mac01】小白教程:6大神器搭建免費(fèi)無(wú)限流量博客方案](http://www.reibang.com/p/1d6c56ea886a)》
三各淀、使用JekyllBootstrap生成網(wǎng)站
上一篇本部分的第三點(diǎn)提到過(guò)舌缤,通過(guò)在地址欄輸入地址
就可以訪問(wèn)網(wǎng)站,下面繼續(xù)來(lái)看如何設(shè)置
(四)如何創(chuàng)建文章
根據(jù)Jekyll的說(shuō)明,只要在根目錄下的_post中建立文件就可以了,文件包括.html、.md等多種格式艰赞。我們可以來(lái)嘗試一下,怎么做:
- 在終端中進(jìn)入hiddenwangcc.github.io的根目錄肚吏;
- 輸入命令:
rake post title="這是我第一篇文章"
查看反饋為:
Creating new post: ./_posts/2015-07-15-.md
- 也就是自動(dòng)在“_post”文件夾中建立了文件方妖,該文件符合Jekyll的命名要求(年月日和文件名),為了方便起見罚攀,在日期后加上名稱党觅,例如:2015-07-15-helloworld.md。
使用Jekyll的本地服務(wù)斋泄,啟動(dòng)服務(wù)器查看就可以看到效果(如上圖所示)杯瞻。當(dāng)然,您也可以前往根目錄建立文件炫掐,命名符合要求即可(但是需要書寫yml文件頭信息)魁莉。
(五)如何建立頁(yè)面
基本和(四)的操作是一樣的随闺,只是把post改成了page而已镐确,命名方式也改為:
rake page new name="upwithme.md"
這樣就在根目錄建立好了頁(yè)面文件了,還有另外兩種方案宴倍,可以點(diǎn)擊查看痹束。
(六)同步發(fā)布至Github
根據(jù)Git的要求检疫,每次完成修改后,都需要將修改后的文件放入暫存區(qū)参袱,所以电谣,這需要兩步操作:
1. git add --all #全部寫入暫存區(qū)
2. git commit -m "自己輸入相應(yīng)的修改內(nèi)容" #目的是建立快照
3. git push origin master #推送至服務(wù)器存儲(chǔ)
輕松簡(jiǎn)單,每次修改完成后再加上Github的托管抹蚀,網(wǎng)站就更新完成啦剿牺!
四、自定義博客
博客建立好了之后需要自定義了环壤,主要有以下幾個(gè)方面的內(nèi)容:
(一)自定義博客的配置
打開根目錄中的_config.yml文件晒来,找到以下的內(nèi)容,并將其修改成自己的信息郑现。
title : My Blog =)
author :
name : Name Lastname
email : blah@email.test
github : username
twitter : username
The theme should reference these variables whenever needed.
另外湃崩,博客還需要預(yù)先設(shè)置的內(nèi)容很多荧降,包括博客發(fā)布時(shí)的地址、基礎(chǔ)路徑設(shè)置攒读、是否可以評(píng)論朵诫、網(wǎng)站統(tǒng)計(jì)分析器設(shè)置等內(nèi)容,具體請(qǐng)查看官方教程薄扁,這個(gè)部分需要調(diào)整的內(nèi)容很少剪返,也是很簡(jiǎn)單的。
(二)更換主題
更換主題通常來(lái)說(shuō)是自定義中最關(guān)鍵的部分邓梅,Jekyll Bootstrap的主題已經(jīng)都模塊化了脱盲,只要下載和具體使用就好了。方法如下:
- 打開官網(wǎng)查看主題日缨,官網(wǎng)提供了六個(gè)主題钱反。
- 在頁(yè)面下方點(diǎn)擊不同主題查看(預(yù)計(jì)需要翻一下才能看到),看中某個(gè)主題后匣距,點(diǎn)擊使用面哥,就會(huì)彈出安裝指導(dǎo)。比如我選擇了the-program主題墨礁,那么只需要在終端前往JB所在的根目錄幢竹,輸入下面指令:
rake theme:install git="https://github.com/jekyllbootstrap/theme-the-program.git" - 主題下載好之后耳峦,系統(tǒng)會(huì)提示是否需要更換恩静,直接按y就好。
Q&A:如何更換主題
如果系統(tǒng)中已經(jīng)安裝了多款主題蹲坷,可以使用以下命令來(lái)更換主題:
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文件夾,然后運(yùn)行以下命令即可:
rake theme:install name="THEME-NAME"
目前循签,還發(fā)現(xiàn)一種方式级乐,就是直接fork他人,然后該一下名字就可以了……也挺好的县匠》缈疲可以選擇的有以下的網(wǎng)站:
- 官方主題站: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
(三) 配置自定義域名
當(dāng)我建立好http://hiddenwangcc.github.io之后,手頭恰好有幾個(gè)域名空著沒有用乞旦,所以贼穆,想想看能否直接綁定到一起呢?所以兰粉,參考官方的教程(極其簡(jiǎn)單)搞定了配置故痊,方法如下:
- 在網(wǎng)站的根目錄下建立文件:名字為CNAME,不要加任何的后綴
未完玖姑,持續(xù)更新中……
關(guān)于主題:http://blog.sina.com.cn/s/blog_71e68a810101b80c.html
添加評(píng)論框Disquz:http://cenalulu.github.io/jekyll/setup-comment-for-your-blog
- setting
- Moderation
- 建立新網(wǎng)站
- 新網(wǎng)站的域名就是短連接
- 將短連接放置在config里面
添加多說(shuō)評(píng)論框:http://havee.me/internet/2013-07/add-duoshuo-commemt-system-into-jekyll.html
更多主題:
……
……
……
……
……
……
……
……
……
……
To be continued
參考資料
- 《搭建一個(gè)免費(fèi)的愕秫,無(wú)限流量的Blog----github Pages和Jekyll入門》
- 《告別wordpress慨菱,擁抱jekyll》
- 《如何高效利用Github》
- 《理想的寫作環(huán)境:Git+Github+Markdown+Jekyll》
- 《Jekyll博客搭建(windows)》
- 《GitHub+markdown+jekyll打造完美個(gè)人博客》
- Jekyll官網(wǎng):http://jekyll.bootcss.com(中文版 | 英文版)
- JekyllBootstrap官網(wǎng)幫助文件:點(diǎn)擊查看
- Github Pages官網(wǎng)說(shuō)明:點(diǎn)擊查看