之前一直在CSDN上面寫博客,思慮了很久,終于還是忍不住想自己搭建一個博客。想過使用 wordpress,需要找一個免費的主機確實又是個麻煩事。所以靜態博客會是個好的選擇。
自己了解到的靜態博客有 jekyll 和 octopress、hexo,jekyll 和 octopress 是基于 ruby 開發的,說實話又要來學一門新語言,我是不太愿意的。hexo 是基于 nodejs 的,而 nodejs 又號稱是前端工程師的歸宿。加之傳聞 hexo 的博客生成速度比 jekyll 快了一個數量級。So,毫無疑問就是 hexo 了。
一、安裝 nodejs
既然是基于 nodejs 的,那第一步毫無疑問就是先安裝 nodejs 了。來到 nodejs 的官網 https://nodejs.org/ 下載安裝,搞定。
二、安裝 git
為什么要安裝 git 呢?客觀的原因也沒有深究。且來說說主觀原因吧。
- git-bash 提供大部分的 linux 命令,差不多就是你在 windows 下通過 git-bash 就能享受 linux 命令的快感了。
- git 本身是一個文件版本管理器,有聽過 github 可能會比較清楚。總之,作為一個程序員, Just learn it。
- 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 主題,甚是喜歡,毫不猶豫就把主題給換了。
- 主題代碼拷貝
主題的拷貝也是直接使用 git 即可,首先進入到你博客的根目錄,再打開 git-bash 運行
git clone https://github.com/iissnan/hexo-theme-next themes/next
- 啟用主題
在博客根目錄下找到_config.yml
文件,找到里面的 theme,改為
theme: next
這時再運行一次hexo s
,看看主題有沒有生效吧。
六、發布博客到 coding
- 配置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]
- 預覽效果
在 coding 上建立一個私人倉庫,找到代碼的 coding 地址,填好上面的配置,然后直接執行
hexo deploy
不出意外的話會讓你填寫 coding 的用戶名和密碼完成上傳操作。如果你有配置 ssh 方式的話就更加方便了。
這個時候再到 coding 對應的項目里面打開 pages 服務,根據 coding 建議,因為不是 jekyll 項目,所以需要再新建一個.nojekyll 文件(空文件就行,其實不建立也行),等上一會就能夠訪問自己的博客了。
附上我的個人博客對應博文地址:
http://lancelot_lewis.coding.me/2016/04/30/blog/hexo-coding/