The Lonely Moscow 3 by Georgiy Chernyadyev on 500px
寫(xiě)在前面的前面
這篇文章是之前在Github Pages上利用Hexo的心得和整理朱嘴，Po在之前的主頁(yè)上，轉(zhuǎn)到簡(jiǎn)書(shū)上來(lái)贝搁，希望對(duì)大家有幫助。
寫(xiě)在前面
自己要的博客芽偏，哭著也得搭完雷逆。
這幾天工作忙的要死，但是博客搭的一半污尉，總感覺(jué)有事情沒(méi)做完膀哲，半夜下班回家繼續(xù)折騰。
像我這么喜新厭舊的的人十厢，不知道什么時(shí)候又放棄了呢等太。
乘著新鮮的勁頭，趕緊記錄下搭建的關(guān)鍵要素蛮放，分享給大家缩抡。
主要是怕自己忘了，順便熟悉下Markdown的語(yǔ)法
Github Pages
話說(shuō)之前在的Godaddy上買(mǎi)的主機(jī)即使掛上GAE有時(shí)候連 cPanel 都連不上包颁，基本都快奔潰了瞻想，很多時(shí)候真的有對(duì)種花家局域網(wǎng)徹底崩潰
Github Pages 是針對(duì)個(gè)人主頁(yè)定制的發(fā)布系統(tǒng)，基本沒(méi)有流量限制娩嚼，空間大概在300MB之內(nèi)（細(xì)節(jié)我也便不下去了）蘑险。
Github Pages可以部署靜態(tài)頁(yè)面，還蠻適合的岳悟，關(guān)鍵是：
不要錢(qián)啊~佃迄！
不要錢(qián)啊~泼差！
不要錢(qián)啊~！
重要的事情說(shuō)三遍
Github服務(wù)器在海外呵俏，訪問(wèn)速度稍微差一點(diǎn)堆缘，也有被屏蔽的經(jīng)歷，可能要隨時(shí)準(zhǔn)備備份跑路
其實(shí)還是因?yàn)閼衺
因?yàn)樵诤Ｍ馄账椋挥脗浒负鸱剩Ｍ赓I(mǎi)的域名可以直接通過(guò)設(shè)置域名的 CNAME 進(jìn)行綁定訪問(wèn)，瞬間博客的逼格就上來(lái)了麻车。
Hexo
Hexo 是個(gè)基于node.js的靜態(tài)博客生成工具缀皱，臺(tái)灣少年 Tommy Chen 創(chuàng)作，貌似是為了解決Octopress（基于 jekllrb powered by ruby）慢的問(wèn)題动猬。
本身我本不了解node.js啤斗，好奇心使然，嘗試了下枣察，加上Hexo的中文資料不錯(cuò)争占，就試著用了起來(lái)。
Hexo 的安裝序目，部署什么的都很容易臂痕，教程頁(yè)蠻簡(jiǎn)單的，如果不需要深度定制主題的話猿涨，很快就能搞定握童。
hexo n 生成文章模板
hexo g 生成文章頁(yè)面
hexo d 部署服務(wù)器
網(wǎng)上教程很多，過(guò)程中主要參考了以下位博客叛赚，感謝各位的分享：
PS：
- 需要提一下澡绩，如果對(duì)github不熟悉的朋友，很多教程開(kāi)始的時(shí)候俺附，都是讓大家去配置SSH肥卡，很多小白估計(jì)都搞不清楚。
- 現(xiàn)在Hexo3.0已經(jīng)支持https部署事镣，不需要配置ssh了步鉴，大家跳過(guò)這個(gè)步驟吧
Hexo-Theme-Next
不得不提的是，當(dāng)初選擇Hexo的一個(gè)重要原因璃哟，就是知乎看到了Next主題氛琢，當(dāng)然作者iissnan也是國(guó)人。
目前（2015-07-11）這個(gè)博客正在使用該主題随闪，真的很喜歡阳似，感謝作者。
不得不說(shuō)的是铐伴，在折騰這個(gè)主題的時(shí)候撮奏，發(fā)現(xiàn)Fancybox圖片展示插件俏讹，彈出的時(shí)候沒(méi)有顯示圖片標(biāo)題，這個(gè)時(shí)候作為PM的強(qiáng)迫癥就起來(lái)了挽荡。
折騰了一個(gè)晚上發(fā)現(xiàn)藐石，原來(lái)配置的時(shí)候沒(méi)有在新生成的<a>標(biāo)簽帶上原圖片的title屬性，主要是我的coding能力已經(jīng)很屎了定拟。
發(fā)現(xiàn)問(wèn)題以后，用我蹩腳的js閱讀能力逗嫡，添加了修正青自，發(fā)出了我人生第一次
Github Pull Request：
（*＾3＾）第一次就這么獻(xiàn)出去了,不知道有沒(méi)有被merge
2015.07.13 merge done
PS：
- 因?yàn)榫褪呛?jiǎn)單的一句代碼修改，所以直接pull request了驱证，通過(guò)搜索可以了解到延窜，這不是好的合并代碼習(xí)慣。
- Git博大精深抹锄，由于現(xiàn)在主天賦是PM逆瑞，不是Coder了，先留下寫(xiě)關(guān)鍵詞伙单，以后學(xué)習(xí)：
Pull获高，F(xiàn)etch， Merge
Markdown
Markdown簡(jiǎn)單說(shuō)就是一種簡(jiǎn)化的標(biāo)記語(yǔ)言吻育，可以兼容html念秧，可以通過(guò)parser解析成HTML，由于良好的書(shū)寫(xiě)流暢度布疼，已經(jīng)被很多博客摊趾、維基系統(tǒng)采用。
也就是說(shuō)游两，如果想要快速排版和書(shū)寫(xiě)砾层，可以直接使用markdown簡(jiǎn)單標(biāo)記，回過(guò)頭來(lái)如果對(duì)文章的布局滿意可以通過(guò)HTML進(jìn)行調(diào)整贱案。
Markdown作為語(yǔ)言肛炮，必然有自己的語(yǔ)法，哈哈哈轰坊。
前面說(shuō)的那么好铸董，褲子都脫了你讓我學(xué)語(yǔ)法？
語(yǔ)法再簡(jiǎn)單肴沫，也是要學(xué)的粟害，不過(guò)還好網(wǎng)上很多文章有總結(jié)，并且有很多在線編輯器可以邊寫(xiě)邊看效果颤芬。
這篇文章里我也嘗試了大部分的格式語(yǔ)法悲幅，其實(shí)不到一天基本都掌握套鹅，實(shí)在記不住的，多用用就OK了汰具。
貼出若干參考的文章與工具：
等等卓鹿，前面說(shuō)的parsers是什么鬼，為什么覺(jué)得是一個(gè)大坑留荔！
其實(shí)與瀏覽器解析HTML一樣吟孙，不同瀏覽器會(huì)有不同的解析結(jié)果。對(duì)于markdown來(lái)說(shuō)聚蝶，不同的博客杰妓、wiki系統(tǒng)在基礎(chǔ)Markdown協(xié)議上，會(huì)做一定的擴(kuò)展碘勉。
就拿github來(lái)說(shuō)巷挥，其對(duì)Markdown的支持，稱為github favorted markdown验靡，簡(jiǎn)稱GFM倍宾，就喪心病狂的添加了emoji表情的支持。
- 那么我應(yīng)該通過(guò)什么編輯器來(lái)寫(xiě)markdown從而生成我的blog呢胜嗓？
市面上的markdown編輯器有很多高职，不管mac，還是win都有不錯(cuò)的產(chǎn)品兼蕊。
我這里的使用的sublime初厚，有沒(méi)有很眼熟？
就是跨平臺(tái)的全能編輯器, Powered by Python (快來(lái)個(gè)人抓走這個(gè)安利 Python 的菜比~)
Life is short, use Python
目前孙技，我的書(shū)寫(xiě)環(huán)境主要是：
Sublime2
編輯器的本體产禾，跨平臺(tái)，小巧方便牵啦，插件多亚情，如果是PM，作為備用的文本編輯器也是很好的哈雏，萬(wàn)一要編輯下html楞件，或者一些配置文件什么的方便很多。markdown preview
Sublime的Markdown 預(yù)覽插件裳瘪，設(shè)置快捷鍵后可以方便的指定瀏覽器中打開(kāi)經(jīng)過(guò)解析的markdown土浸。Live reload
markdown preview通過(guò)該插件，當(dāng)編輯的markdown文件保存后彭羹，自動(dòng)刷新對(duì)應(yīng)的瀏覽器預(yù)覽頁(yè)面Theme Spacegray
不錯(cuò)的subline主題黄伊，其中的配色方案帶上了markdown的語(yǔ)法適配。
PS: 在簡(jiǎn)書(shū)上派殷，當(dāng)然有自帶的編輯器就OK啦
寫(xiě)在最后
其實(shí)這套大保健下來(lái)還是很傷神的还最，沒(méi)有開(kāi)發(fā)經(jīng)驗(yàn)的同學(xué)很容易中途放棄墓阀，與其說(shuō)是執(zhí)著，不如說(shuō)是挺享受自己動(dòng)手一點(diǎn)點(diǎn)搭建的過(guò)程拓轻。
搭建還是一小部分工作斯撮，日后的博客維護(hù)估計(jì)還是很傷腎的，有時(shí)候想想扶叉，買(mǎi)主機(jī)上個(gè)Wordpress勿锅，或者簡(jiǎn)書(shū)，各種專欄辜梳，甚至微信公眾號(hào)都是不錯(cuò)的選擇粱甫。
總而言之，可能這一切作瞄，不是為了記錄，也不是為了創(chuàng)作危纫，而只是為了有趣吧宗挥。
** Just for Fun**
Just for Life
