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 部署服務器
網上教程很多,過程中主要參考了以下位博客,感謝各位的分享:
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:
(*^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了。
貼出若干參考的文章與工具:
等等,前面說的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