這次搭建博客采用了Ghost瓷产,在搭建之前樊卓,也做了很多的選擇睬关,開(kāi)始的考慮是基于是否要自己搭建還是直接選擇其他的平臺(tái)憔恳,比如:簡(jiǎn)書(shū)询吴,Gitbooks等负拟。
簡(jiǎn)書(shū)的風(fēng)格抓歼,我其實(shí)比較喜歡钞螟。但是總覺(jué)得在第三方平臺(tái)上寫(xiě)舟山,限制多多绸狐,也不利于自己做SEO推廣。然后考慮了第二種方案就是Gitbooks累盗,但是看了一些文章寒矿,覺(jué)得搭建還是有點(diǎn)麻煩,反正我看的是有點(diǎn)暈若债。索性還是自己搭建一個(gè)吧符相。
搭建Ghost相對(duì)還是比較簡(jiǎn)單的,大概準(zhǔn)備幾樣?xùn)|西:
- 準(zhǔn)備一個(gè)域名(當(dāng)然如果準(zhǔn)備部署在國(guó)內(nèi)服務(wù)器蠢琳,域名要備案)
- 買(mǎi)一臺(tái)服務(wù)器主巍,當(dāng)然首選還是推薦阿里云(此處不是廣告,因?yàn)榘⒗镌茮](méi)有給我1毛錢(qián))
- 下載Ghost源碼挪凑,我是直接在官網(wǎng)下載的英文版孕索,我看到國(guó)內(nèi)有中文版,但是好像不是官方維護(hù)躏碳,所以我擔(dān)心版本更新要比官方延遲搞旭。
- 安裝部署,此處網(wǎng)上教程很多菇绵,也非常簡(jiǎn)單肄渗。
安裝完畢后,可以自己寫(xiě)兩個(gè)shell文件咬最,這樣停止和啟動(dòng)服務(wù)相對(duì)比較方便翎嫡,因?yàn)槊看斡泦?dòng),停止命令也挺費(fèi)腦子的永乌。
#!/bin/bash
NODE_ENV=production forever start /var/www/ghost/index.js
#!/bin/bash
forever stop /var/www/ghost/index.js
安裝完畢惑申,記得使用forver方式啟動(dòng),就是啟動(dòng)后臺(tái)守護(hù)進(jìn)程翅雏,否則圈驼,關(guān)閉控制臺(tái),服務(wù)就關(guān)閉了望几。
安裝完畢之后绩脆,默認(rèn)的主題其實(shí)還是比較簡(jiǎn)潔的。但是有一個(gè)問(wèn)題我無(wú)法接受啊,就是導(dǎo)航無(wú)法接受啊靴迫。于是開(kāi)始找主題惕味,google一搜,還挺多的玉锌,但是大部分多還是覺(jué)得有點(diǎn)花哨名挥,看多了容易膩,后來(lái)找到了目前的主題芬沉,基本還是比較簡(jiǎn)單的。已經(jīng)滿足我的要求阁猜,部分滿足不了的丸逸,只好自己動(dòng)手改代碼了。
我目前自己定制后的主題下載地址:
https://github.com/kaintao/ghost-rjkf
我使用的原作者的主題地址:
https://github.com/wbkd/ghost-wbkd
安裝過(guò)程
$ cd path-to-ghost/content/themes
$ git clone https://github.com/wbkd/ghost-wbkd.git
上面兩行命令的意思就是通過(guò)git把主題下載下來(lái)剃袍,搞不明白的黄刚,很簡(jiǎn)單,直接通過(guò)迅雷什么的民效,把上面的文件下載下來(lái)就就行憔维,一樣的。
然后將目錄放到ghost的目錄中畏邢,/項(xiàng)目目錄/content/themes/ 下就行了业扒,然后登錄ghost的后臺(tái),主題管理里就可以看到了舒萎,啟用程储,刷新就可以看到新主題了。
安裝完畢后臂寝,首先我要修改下日期格式章鲤,因?yàn)橹黝}是外國(guó)友人寫(xiě)的,所以日期顯示格式咆贬,是他們的格式败徊。不太符合國(guó)人的閱讀習(xí)慣,所以找到對(duì)應(yīng)的文件掏缎,其實(shí)主要就是一個(gè)列表頁(yè)和一個(gè)詳情頁(yè)需要修改日期格式皱蹦。
主題模板中,找到:
page.hbs //列表頁(yè)
post.hbs //詳情頁(yè)
這兩個(gè)文件眷蜈,然后用編輯器打開(kāi)根欧,就看到到日期了
<header class="post-header">
<h1 class="post-title">{{title}}</h1>
<section class="post-meta">
<time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time>
<span class="author">by {{author}}</span>
</section>
</header>
按我原有的開(kāi)發(fā)經(jīng)驗(yàn),如果要顯示比如:2016-09-20 那語(yǔ)法就是:yyyy-MM-dd 但是改完之后端蛆,發(fā)現(xiàn)并沒(méi)有得到預(yù)期的結(jié)果凤粗,于是查閱資料,發(fā)現(xiàn)ghost是使用moment.js來(lái)格式化日期
YYYY 2014 4 or 2 digit year
YY 14 2 digit year
Y -25 Year with any number of digits and sign
Q 1..4 Quarter of year. Sets month to first month in quarter.
M MM 1..12 Month number
MMM MMMM Jan..December Month name in locale set by moment.locale()
D DD 1..31 Day of month
Do 1st..31st Day of month with ordinal
DDD DDDD 1..365 Day of year
所以,我們?nèi)缦腼@示2016-09-20這種格式嫌拣,就需要寫(xiě)成:YYYY-MM-D
修改時(shí)柔袁,只需要修改:
<time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="YYYY-MM-D"}}</time>
改完之后,重啟就可以了异逐。