動(dòng)機(jī)
我在尋覓下一個(gè)寫筆記的地方狮斗，在下一個(gè)地方選好之前，還會(huì)在這里寫改含。
大致流程
選地方
上午我研究了一番寫博客去哪里好情龄，由于自己肯定不會(huì)搭自己的網(wǎng)站，也暫時(shí)不想花錢租域名捍壤，最終看中了GitHub Page，而且網(wǎng)上教程看起來(lái)很多鞍爱。
自己試試
GitHub賬號(hào)我是有的鹃觉，clone一個(gè)倉(cāng)庫(kù)也不陌生。原來(lái)我打算找到一個(gè)項(xiàng)目fork過來(lái)套著用睹逃，可是看來(lái)看去沒有找到稱心如意的項(xiàng)目盗扇。我的期望是祷肯，功能極簡(jiǎn)，主頁(yè)展示個(gè)人信息+文章列表（可以有摘要）疗隶，每個(gè)頁(yè)面除了文章之外只有返回鍵佑笋，文章占的寬度不要像簡(jiǎn)書這么窄，代碼塊一定一定要漂亮而且是等寬字體（這是底線）斑鼻，其余字體簡(jiǎn)潔易讀即可蒋纬。最后突然想試試自己搭一個(gè)會(huì)如何？我能走到哪一步坚弱？
官方文檔
我先看著jekyll的官方文檔蜀备，自己搭好了文件夾的結(jié)構(gòu)，對(duì) index.html荒叶、default.html 和 _config.yml 做了最簡(jiǎn)單的配置碾阁。
內(nèi)容堆上去成功
由于希望在自己電腦上生成預(yù)覽一下，所以開始配環(huán)境：ruby, ruby dev-kit, 以及jekyll些楣。調(diào)試了一會(huì)并push上去脂凶，頁(yè)面生成成功啦！
代碼塊高亮
下一個(gè)想收拾的地方是代碼塊高亮愁茁。開始不知道 GitHub 現(xiàn)在只認(rèn) rouge 蚕钦，所以還在按照之前的教程配 Pygments。后來(lái)還發(fā)現(xiàn)代碼高亮還要一個(gè) css 文件埋市，看得我一頭霧水冠桃，到處找教程，扒拉人家的項(xiàng)目道宅，最后才弄明白相關(guān)設(shè)置應(yīng)該怎么寫食听。其實(shí)也就是在 head 部分加上一句話，_config.yml 里面開一下污茵。嘗試生成樱报，最后的錯(cuò)誤集中在 Pygments 沒有配好，可是我分明配好了呀泞当〖８颍看 stackoverflow 的解決方案都是再裝一下 Pygments， 我還是不行襟士。后來(lái)發(fā)現(xiàn)要用 rouge盗飒，就換掉了，根本沒有用
Pygments陋桂，項(xiàng)目也 clean 過了逆趣， 可是還是提示我 Pygments 沒有配好，我滿頭黑線嗜历。
后來(lái)重啟了一下電腦宣渗，又調(diào)試了一會(huì)抖所，電腦上莫名其妙能生成了，雖然沒有高亮效果痕囱。推到 GitHub 上的版本也終于有代碼塊的高亮了田轧。謝天謝地。
另一個(gè) css
突然發(fā)現(xiàn)行內(nèi)的代碼沒有反應(yīng)鞍恢，右鍵檢查一下傻粘，是有一個(gè) div 的，但是沒有底色有序、框框抹腿，也沒有高亮（沒寫語(yǔ)言，不亮是正常）旭寿，而且我盡管 syntax.css 復(fù)制別人的警绩，即便是代碼塊也和別人字體不一樣，不好看盅称。經(jīng)人生導(dǎo)師指點(diǎn)肩祥，可能還有另外的 css 在控制這個(gè)，我找來(lái)這個(gè)人的項(xiàng)目缩膝，拉了他“檢查”里面看到的一個(gè) css 到我這里混狠，代碼塊竟然變得和他的一樣好看了！這運(yùn)氣真是神疾层，我不知道這個(gè) css 寫的什么将饺，竟然就能用了……習(xí)慣了拿人家代碼就一定跑不通+不會(huì)調(diào)的我真是受寵若驚。
卡住
現(xiàn)在的頁(yè)面除了死死地卡著邊痛黎，圖片也不會(huì)居中之外予弧，其實(shí)真的是可以看的，并不算丑湖饱。我還想把網(wǎng)頁(yè)往中間縮一下寬度掖蛤，對(duì)圖片再設(shè)置居中+調(diào)整大小，這樣應(yīng)該就很好看了井厌◎就ィ可是目前的我像咸魚一樣，畢竟什么都不懂仅仆，玩到這里已經(jīng)夠意思了器赞，下面再想做的話就要認(rèn)真學(xué)習(xí)一點(diǎn)前端了。
我試了一下把瀏覽器縮窄墓拜，然后居中拳魁，假想兩邊是白色的背景，還是很好看的撮弧。不信潘懊，我P一張：
我不會(huì)告訴你原來(lái)是這樣：
哈哈哈哈最順手的事情還是P圖了。假裝自己做的很好看贿衍。
我真是好可愛呢授舟，雖然有點(diǎn)傻。(≧▽≦)
