Hexo on Github Pages 不完全指北


The Lonely Moscow 3 by Georgiy Chernyadyev on 500px

寫在前面的前面

這篇文章是之前在Github Pages上利用Hexo的心得和整理,Po在之前的主頁上,轉到簡書上來,希望對大家有幫助。

寫在前面

自己要的博客,哭著也得搭完。
這幾天工作忙的要死,但是博客搭的一半,總感覺有事情沒做完,半夜下班回家繼續折騰。

像我這么喜新厭舊的的人,不知道什么時候又放棄了呢。
乘著新鮮的勁頭,趕緊記錄下搭建的關鍵要素,分享給大家。


主要是怕自己忘了,順便熟悉下Markdown的語法



Github Pages

話說之前在的Godaddy上買的主機即使掛上GAE有時候連 cPanel 都連不上,基本都快奔潰了,很多時候真的有對種花家局域網徹底崩潰

Github Pages 是針對個人主頁定制的發布系統,基本沒有流量限制,空間大概在300MB之內(細節我也便不下去了)。

Github Pages可以部署靜態頁面,還蠻適合的,關鍵是:

不要錢啊~!
不要錢啊~!
不要錢啊~!

重要的事情說三遍

Github服務器在海外,訪問速度稍微差一點,也有被屏蔽的經歷,可能要隨時準備備份跑路

其實還是因為懶~

因為在海外,不用備案,海外買的域名可以直接通過設置域名的 CNAME 進行綁定訪問,瞬間博客的逼格就上來了。


Hexo

Hexo 是個基于node.js的靜態博客生成工具,臺灣少年 Tommy Chen 創作,貌似是為了解決Octopress(基于 jekllrb powered by ruby)慢的問題。

本身我本不了解node.js,好奇心使然,嘗試了下,加上Hexo的中文資料不錯,就試著用了起來。

Hexo 的安裝,部署什么的都很容易,教程頁蠻簡單的,如果不需要深度定制主題的話,很快就能搞定。

hexo n 生成文章模板
hexo g 生成文章頁面
hexo d 部署服務器

網上教程很多,過程中主要參考了以下位博客,感謝各位的分享:

  1. 不如-hexo你的博客
  2. 機智阿卡林醬-Hexo 3.0 靜態博客使用指南


PS:

  • 需要提一下,如果對github不熟悉的朋友,很多教程開始的時候,都是讓大家去配置SSH,很多小白估計都搞不清楚。
  • 現在Hexo3.0已經支持https部署,不需要配置ssh了,大家跳過這個步驟吧



Hexo-Theme-Next

不得不提的是,當初選擇Hexo的一個重要原因,就是知乎看到了Next主題,當然作者iissnan也是國人。

目前(2015-07-11)這個博客正在使用該主題,真的很喜歡,感謝作者。

不得不說的是,在折騰這個主題的時候,發現Fancybox圖片展示插件,彈出的時候沒有顯示圖片標題,這個時候作為PM的強迫癥就起來了。

折騰了一個晚上發現,原來配置的時候沒有在新生成的<a>標簽帶上原圖片的title屬性,主要是我的coding能力已經很屎了。

發現問題以后,用我蹩腳的js閱讀能力,添加了修正,發出了我人生第一次

Github Pull Request

https://github.com/iissnan/hexo-theme-next/pull/279

(*^3^)第一次就這么獻出去了,不知道有沒有被merge

2015.07.13 merge done



PS:

  • 因為就是簡單的一句代碼修改,所以直接pull request了,通過搜索可以了解到,這不是好的合并代碼習慣。
  • Git博大精深,由于現在主天賦是PM,不是Coder了,先留下寫關鍵詞,以后學習:
    Pull,Fetch, Merge



Markdown

Markdown簡單說就是一種簡化的標記語言,可以兼容html,可以通過parser解析成HTML,由于良好的書寫流暢度,已經被很多博客、維基系統采用。

也就是說,如果想要快速排版和書寫,可以直接使用markdown簡單標記,回過頭來如果對文章的布局滿意可以通過HTML進行調整。

Markdown作為語言,必然有自己的語法,哈哈哈。


前面說的那么好,褲子都脫了你讓我學語法?

語法再簡單,也是要學的,不過還好網上很多文章有總結,并且有很多在線編輯器可以邊寫邊看效果。

這篇文章里我也嘗試了大部分的格式語法,其實不到一天基本都掌握,實在記不住的,多用用就OK了。

貼出若干參考的文章與工具:

  1. 不如-markdown簡明語法
  2. Markdown 語法說明 (簡體中文版)
  3. Cmd-Markdown在線編輯器


等等,前面說的parsers是什么鬼,為什么覺得是一個大坑!

其實與瀏覽器解析HTML一樣,不同瀏覽器會有不同的解析結果。對于markdown來說,不同的博客、wiki系統在基礎Markdown協議上,會做一定的擴展。

就拿github來說,其對Markdown的支持,稱為github favorted markdown,簡稱GFM,就喪心病狂的添加了emoji表情的支持。


  • 那么我應該通過什么編輯器來寫markdown從而生成我的blog呢?

市面上的markdown編輯器有很多,不管mac,還是win都有不錯的產品。

我這里的使用的sublime,有沒有很眼熟?

就是跨平臺的全能編輯器, Powered by Python (快來個人抓走這個安利 Python 的菜比~)

Life is short, use Python


目前,我的書寫環境主要是:

  • Sublime2
    編輯器的本體,跨平臺,小巧方便,插件多,如果是PM,作為備用的文本編輯器也是很好的,萬一要編輯下html,或者一些配置文件什么的方便很多。

  • markdown preview
    Sublime的Markdown 預覽插件,設置快捷鍵后可以方便的指定瀏覽器中打開經過解析的markdown。

  • Live reload
    markdown preview通過該插件,當編輯的markdown文件保存后,自動刷新對應的瀏覽器預覽頁面

  • Theme Spacegray
    不錯的subline主題,其中的配色方案帶上了markdown的語法適配。

PS: 在簡書上,當然有自帶的編輯器就OK啦


寫在最后

其實這套大保健下來還是很傷神的,沒有開發經驗的同學很容易中途放棄,與其說是執著,不如說是挺享受自己動手一點點搭建的過程。

搭建還是一小部分工作,日后的博客維護估計還是很傷腎的,有時候想想,買主機上個Wordpress,或者簡書,各種專欄,甚至微信公眾號都是不錯的選擇。

總而言之,可能這一切,不是為了記錄,也不是為了創作,而只是為了有趣吧。

** Just for Fun**
Just for Life

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,048評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,414評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,169評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,722評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,465評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,823評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,813評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,000評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,554評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,295評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,513評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,035評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,722評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,125評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,430評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,237評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,482評論 2 379

推薦閱讀更多精彩內容