Hexo+Coding 搭建靜態博客

之前一直在CSDN上面寫博客,思慮了很久,終于還是忍不住想自己搭建一個博客。想過使用 wordpress,需要找一個免費的主機確實又是個麻煩事。所以靜態博客會是個好的選擇。
自己了解到的靜態博客有 jekyll 和 octopress、hexo,jekyll 和 octopress 是基于 ruby 開發的,說實話又要來學一門新語言,我是不太愿意的。hexo 是基于 nodejs 的,而 nodejs 又號稱是前端工程師的歸宿。加之傳聞 hexo 的博客生成速度比 jekyll 快了一個數量級。So,毫無疑問就是 hexo 了。

一、安裝 nodejs

既然是基于 nodejs 的,那第一步毫無疑問就是先安裝 nodejs 了。來到 nodejs 的官網 https://nodejs.org/ 下載安裝,搞定。

二、安裝 git

為什么要安裝 git 呢?客觀的原因也沒有深究。且來說說主觀原因吧。

  1. git-bash 提供大部分的 linux 命令,差不多就是你在 windows 下通過 git-bash 就能享受 linux 命令的快感了。
  2. git 本身是一個文件版本管理器,有聽過 github 可能會比較清楚。總之,作為一個程序員, Just learn it。
  3. Github 提供一個 Pages 服務,可以讓用戶免費掛載靜態代碼在上面運行,這對于前端工程師來說是個莫大的幸運了。不用管理麻煩的服務器,又可以享受服務器部署的待遇。但是很不巧的,國內的 Coding 服務商也有 Pages 服務。所以平時傳輸的速度那是杠杠的。

三、安裝 hexo

終于要進入正題了。
首先打開 git-bash,進入到一個合適的存放 hexo 博客的目錄,直接運行
npm install -g hexo-cli
至此 hexo 就安裝好了,就是這么簡單了。但是別著急,這只是個 hexo 的程序,博客還沒開始搭建呢。

四、搭建博客

安裝完 hexo 之后,還要運行下面三條命令

hexo init <folder>
cd <folder>
npm install

這樣就把默認主題的 hexo 博客安裝好了,這時候再運行
hexo server // 或者 hexo s
就能夠建立起一個本地的服務器,端口是4000,打開瀏覽器 http://localhost:4000 就能訪問屬于你自己的博客了。

五、切換主題

hexo 官方提供了大量的優秀主題可以更換,當然也可以選擇自己去寫一個主題出來。
我在官網看到一個 Next 主題,甚是喜歡,毫不猶豫就把主題給換了。

  1. 主題代碼拷貝
    主題的拷貝也是直接使用 git 即可,首先進入到你博客的根目錄,再打開 git-bash 運行
    git clone https://github.com/iissnan/hexo-theme-next themes/next
  2. 啟用主題
    在博客根目錄下找到 _config.yml 文件,找到里面的 theme,改為
    theme: next
    這時再運行一次 hexo s ,看看主題有沒有生效吧。

六、發布博客到 coding

  1. 配置hexo deploy
    hexo 提供了一個部署命令 hexo deploy,首先需要安裝一下 hexo-deployer-git插件
    npm install hexo-deployer-git --save
    然后配置一下_config.yml 文件:
deploy:
  type: git
  repo: <repository url>
  branch: [branch]
  message: [message]
  1. 預覽效果
    在 coding 上建立一個私人倉庫,找到代碼的 coding 地址,填好上面的配置,然后直接執行
    hexo deploy
    不出意外的話會讓你填寫 coding 的用戶名和密碼完成上傳操作。如果你有配置 ssh 方式的話就更加方便了。
    這個時候再到 coding 對應的項目里面打開 pages 服務,根據 coding 建議,因為不是 jekyll 項目,所以需要再新建一個.nojekyll 文件(空文件就行,其實不建立也行),等上一會就能夠訪問自己的博客了。

附上我的個人博客對應博文地址:
http://lancelot_lewis.coding.me/2016/04/30/blog/hexo-coding/

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

推薦閱讀更多精彩內容