http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88%AA%E5%9B%BE%E2%80%9D%E6%90%AD%E5%BB%BAHexo%E5%8D%9A%E5%AE%A2%E2%80%94%E2%80%94For%20Windows/

?

史上最詳細“截圖”搭建Hexo博客——For Windows

發表于 2015-01-23 ? | ? 暫無評論

環境準備

• Windows
• Git: http://www.git-scm.com/
• Node.js: http://nodejs.org/

安裝過程不用多說，一直Next就行了。

安裝Hexo

利用 npm 命令即可安裝。在任意位置點擊鼠標右鍵，選擇Git Base。

輸入命令：

1	npm install -g hexo

注意：-g是指全局安裝hexo。

創建Hexo文件夾

安裝完成后，在你喜愛的文件夾下（如C:\Hexo），執行以下指令(在C:\Hexo內點擊鼠標右鍵，選擇Git Bash)，Hexo 即會自動在目標文件夾建立網站所需要的所有文件。

1

hexo init

安裝依賴包

1	npm install

本地查看

現在我們已經搭建起本地的hexo博客了，執行以下命令(在C:\Hexo)，然后到瀏覽器輸入localhost:4000看看。

1 2	hexo generate hexo server

注冊Github賬號

這里不演示了。

創建Repository

創建的時候注意Repository的名字。比如我的Github賬號是angelen10，那么我應該創建的Repository的名字是：angelen10.github.io。

修改配置文件

到你剛剛創建的Repository下，找到以下內容：

先點擊HTTPS，然后復制里面的地址。然后編輯_config.yml文件（在C:\Hexo下）。

修改文件里面的deploy。

其中的repository就改成你剛剛復制的地址。
保存這個文件。

設置SSH keys

在Git Bash輸入以下指令（任意位置點擊鼠標右鍵），檢查是否已經存在了SSH keys。

1	ls -al ~/.ssh

如果不存在就沒有關系，如果存在的話，直接刪除.ssh文件夾里面所有文件：

輸入以下指令（郵箱就是你注冊Github時候的郵箱）后，回車：

1	ssh-keygen -t rsa -C "angelen10@163.com"

然后它會提示要你輸入passphrase（如上圖，我沒有輸入直接回車，如果你輸入的話，要記得，到時候會用到）。
之后，如果出現類似下圖：

然后鍵入以下指令：

1	ssh-agent -s

繼續輸入指令：

1	ssh-add ~/.ssh/id_rsa

輸入之后，在我這里是出錯了，不知道你的有沒有出錯。

如果你的也是這樣子出錯了的話，就輸入以下指令：

1 2	eval `ssh-agent -s` ssh-add

到了這一步，就可以添加SSH key到你的Github賬戶了。
鍵入以下指令，拷貝Key（先拷貝了，等一下可以直接粘貼）：

1	clip < ~/.ssh/id_rsa.pub

然后到Github里面，點擊右上角的設置圖標：

在Settings sidebar那里，點擊SSH keys：

點擊Add SSH key：

輸入Title，作為這個key的描述吧（你可以輸入Personal MacBook Air，瞬間高大上）

然后這個Key就是剛剛拷貝的，你直接粘貼就好（也可以文本打開以下文件）：

點擊Add Key：

輸入你的Github密碼即可完成SSH Key的添加。
嗯，最后還是測試一下吧，鍵入以下命令：

1	ssh -T git@github.com

你可能會看到有警告，沒事，輸入“yes”就好。

完成部署

最后一步，快要成功了，鍵入指令：

1 2	hexo generate hexo deploy

OK，我們的博客就已經完全搭建起來了，在瀏覽器輸入（當然，是你的用戶名）：

1	http://angelen10.github.io/

注意：每次修改本地文件后，需要鍵入hexo generate才能保存。每次使用命令時，都要在C:\Hexo目錄下。每次想要上傳文件到Github時，就應該先鍵入hexo generate保存之后，再鍵入hexo deploy。大概成功之后是醬紫的：

對了，記住上圖的Username是你的Github賬號名稱，而不是郵箱；Password就是你的Github的密碼。

Tips

hexo現在支持更加簡單的命令格式了，比如：

1 2 3 4

hexo g == hexo generate hexo d == hexo deploy hexo s == hexo server hexo n == hexo new

參考文章

我的成功搭建Hexo離不開廣大網友的幫助，謝謝Google和度娘，還有Q群的大神的幫助。
http://zipperary.com/categories/hexo/
http://ibruce.info/2013/11/22/hexo-your-blog/

#DevTools

總結

以上是生活随笔為你收集整理的史上最详细“截图”搭建Hexo博客——For Windows的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。