Hexo博客搭建（二）從最簡單的開始

安裝git, node, hexo

macOS和Linux中都自帶git，使用macOS的強烈建議安裝brew，之後使用brew命令安裝各種東西都很方便。

假定現在brew和git已經裝好了。下面安裝node，打開終端

 $ brew install node

OK，node裝好了，之後使用node自帶的包管理器(node package management?)安裝hexo。

$ npm install hexo-cli -g

如果需要權限的話，在前面加上sudo即可。

OK現在開始新建一個blog。
先新建一個文件夾，姑且就命名爲blog吧，當然你也可以命名其他名字，終端cd到這個文件夾下面。
下面的命令都在blog文件夾裏執行。

$ hexo init
$ npm install
$ hexo server

解釋一下這幾個命令，hexo init 和git init一樣，（init initialization縮寫，初始化）使這個blog文件夾成爲一個“黑箱”,只有在這裏面”hexo“的相關指令纔有效，npm install安裝相關文件，hexo server，啓動本地服務器（默認端口4000），現在打開瀏覽器，在地址欄輸入，localhost:4000。OK一個博客雛形就好了。hexo server 命令可以簡寫爲hexo s。

最開始的界面大概就長這個樣子：

好像還蠻容易的。
參考：shino的博客 ，Hexo官網

博文寫作

$ hexo new test

通過這個命令在，blog文件夾下面就有了一個test.md文件。.md表明這是一個Markdown格式的文檔，注意如果文檔名包含空格的話注意加雙引號。

如果要編輯這個文檔，使用任何文本編輯器一顆，有一些專用的Markdown編輯器，比如Mou，Macdown，以及我目前用的MWeb（強烈推薦），一些IDE也可以加裝Markdown插件，比如Pycharm，Webstorm。當然目前很多高手喜歡用Github出品的號稱21世紀的文本編輯器Atom。

總之不管使用什麼編輯器，Markdown的語法都是一樣的。
使用Markdown編輯好，保存。重新hexo s 即可刷新本地的網頁。

使用MWeb與七牛雲圖牀優化寫作體驗

該部分不是必須的，可以跳過。

MWeb作爲Mac APP store裏面非常優秀的Markdown編輯器。使用MWeb，具體方法，打開MWeb之後Command+E，進入外部模式，跟IDE打開project一樣打開blog/soure即可，本地編輯，保存，命令行一鍵發佈，簡直不能再爽了。

圖牀是什麼鬼，爲什麼要使用圖牀？
當我們在本地做一個Word或者PPT文檔的時候，圖片的插入非常方便，只要拖進去就行了。

但是也存在一個問題，插入圖片越多，文檔就越大，打開時間也就越長，一臺老機子開一個Word有時候需要30s以上，網頁雖然道理不太一樣，但是大體也是圖片越多，打開越慢。

HTML語言裏面，圖片都是作爲標籤引用。有過公衆號運營的同學可能有體會，插入圖片需要先上傳到公衆號相冊，然後再在相冊裏面選一下。非常麻煩。那能否直接插入圖片？

答案必須是Yes。

這時候圖牀就派上用場了，拖進去，上傳，複製Markdown，這時候你的文檔裏面是一個

![](http://p6atp7tts.bkt.clouddn.com/15222405680070.jpg)

這樣的東西，相當於圖片變成了一個源。

Hexo博客其實本身不存在這個問題，因爲拖進去的圖片會被保存下來，一起上傳到GitHub repo裏面，相當於自動完成了這個過程。但是這樣博客的遷移性就不太好，如果要隨便遷移，比如要遷移到微信公衆號或CSDN，這個方法就比較有用了。關於MWeb和七牛的配置具體可見下面兩個資源。
MWeb ，七牛雲圖牀

還有一篇文章，介紹的比較詳細，可以看出MWeb+七牛到底有什麼好處。
一個碼子工作者的正確書寫發文姿勢

---

本文首發於個人網頁Yao Blog，知乎專欄談技術 不能潦草。