發(fā)現(xiàn)在VPS上部署Hexo博客看著太麻煩了，還是本地配合Github搞吧，這樣既不失裝B還能超低成本有自己的一個(gè)博客，不用自己出服務(wù)器錢(qián)，不用擔(dān)心被攻擊，如果你不要獨(dú)立域名直接就是0成本！

在dalao界Hexo博客一直令我等鶸膜拜，在網(wǎng)上找了很多資料后終于搞定了Hexo的博客，以后也可以裝B去了。不過(guò)你要是不差錢(qián)，就是個(gè)小白還是用WP吧，這玩意用著其實(shí)挺別扭的。。。

Table of Contents

一、Windows 10上的部署

1.安裝Git
2.配置Git
3.生成密鑰文件
4.安裝NodeJS
5.安裝Hexo

二、Hexo的使用

（1）替換主題
（2）插入圖片

1.新建站點(diǎn)
2.Hexo的配置
3.新建博文
4.本地預(yù)覽

三、配置Github Pages或Coding Pages
Github的配置方法

1.注冊(cè)并登錄Github賬號(hào)。
2.添加SSH KEY
3.測(cè)試SSH連接

Coding中的配置方法

添加SSH keys
測(cè)試SSH連接

四、部署你的博客
五、獨(dú)立域名綁定

1.DNS解析
2.Hexo上的設(shè)置
域名綁定Github
域名綁定Coding Pages

六、其他輔助工具

Markdown書(shū)寫(xiě)工具
Markdown渲染插件
圖床
七牛
MPic

七、擴(kuò)展閱讀
八、參考文章
九、總結(jié)

一、Windows 10上的部署

本次以比較流行的Win10為例，Win7、8也差不多，XP直接打死。

1.安裝Git

Git是上傳到Github的工具，如果在Github上有項(xiàng)目都會(huì)用到這個(gè)。

下載：https://git-scm.com/download/win 選擇對(duì)應(yīng)系統(tǒng)的版本即可，一路下一步，記住選擇幾個(gè)功能，這樣操作更像是在Linux Shell里操作。

Use Git from Bash only、Checkout Windows-style,commit Unix-style line endings、Use MinTTY(the default terminal of MSYS2)

2.配置Git

安裝好后需要幾行命令說(shuō)清楚你是誰(shuí)，這樣才能認(rèn)對(duì)人。自行替換自己的用戶(hù)名和郵箱。

git config --global user.name "Your Name"

git config --global user.email "email@example.com"

3.生成密鑰文件

這個(gè)操作加密你的通信過(guò)程，同時(shí)后期上傳到Github都會(huì)用到。

1	ssh-keygen -t rsa -b 4096 -C "email@example.com"

按3次回車(chē)，全部無(wú)視，證書(shū)文件會(huì)在C:\User\用戶(hù)名\.ssh 生成兩個(gè)文件。

4.安裝NodeJS

去官網(wǎng)下載NodeJS Windows版本，建議選擇LTS版本，https://nodejs.org/en/，安裝的時(shí)候務(wù)必選擇Add to PATH選項(xiàng)。

5.安裝Hexo

在Git程序里運(yùn)行命令行即可安裝

1	npm install -g hexo-cli

至此在Win上的部署安裝已經(jīng)完成，接下來(lái)就是如何使用了。

二、Hexo的使用

1.新建站點(diǎn)

假設(shè)代碼存放在D:\hexo\blog

cd /d

mkdir hexo

cd hexo

hexo init blog

cd blog

npm install

在D:\hexo\blog 里就能看到所有文件了，下面是文件說(shuō)明：

目錄名稱(chēng)	說(shuō)明
scaffolds	模版文件夾。當(dāng)您新建文章時(shí)，Hexo 會(huì)根據(jù) scaffold 來(lái)建立文件。 Hexo的模板是指在新建的markdown文件中默認(rèn)填充的內(nèi)容。例如，如果您修改scaffold/post.md中的Front-matter內(nèi)容，那么每次新建一篇文章時(shí)都會(huì)包含這個(gè)修改。
source	資源文件夾是存放用戶(hù)資源的地方。除 `_posts` 文件夾之外，開(kāi)頭命名為 `_` (下劃線)的文件 / 文件夾和隱藏的文件將會(huì)被忽略。Markdown 和 HTML 文件會(huì)被解析并放到 `public` 文件夾，而其他文件會(huì)被拷貝過(guò)去。
themes	主題文件夾。Hexo 會(huì)根據(jù)主題來(lái)生成靜態(tài)頁(yè)面。
_config.yml	網(wǎng)站的配置信息，您可以在此配置大部分的參數(shù)。
package.json	應(yīng)用程序的信息。EJS, Stylus 和 Markdown renderer 已默認(rèn)安裝，您可以自由移除。

2.Hexo的配置

（1）替換主題

推薦NexT主題，這是一款知名的Hexo主題，非常漂亮簡(jiǎn)潔。

1 2	cd /d/hexo/blog git clone https://github.com/iissnan/hexo-theme-next themes/next

回到根目錄，找到_config.yml 文件，在第66行的theme字段里把默認(rèn)主題名字換成next即可。

（2）插入圖片

Markdown支持插入本地圖片或外部鏈接圖片，要保證本地和網(wǎng)絡(luò)上都能訪問(wèn)圖片，使用hexo-asset-image

# 安裝插件

npm install https://github.com/CodeFalling/hexo-asset-image --save

啟用插件，確保主題配置文件D:\hexo\blog\_config.yml中

post_asset_folder: true

# 新增博文后，會(huì)在D:\hexo\blog\source\_posts目錄下生成 xxx.md 和 xxx 目錄，將圖片存放該目錄中，使用時(shí) ![](***.jpg)，這樣Typora預(yù)覽和發(fā)布到網(wǎng)上時(shí)Hexo博客都能正常顯示圖片

3.新建博文

1	hexo new "Hello World"

在目錄D:\hexo\blog\source\_posts下會(huì)生成Markdown文件Hello World.md

手動(dòng)添加Markdown文件到D:\hexo\blog\source\_posts目錄效果一樣

4.本地預(yù)覽

如果以后修改了主題和寫(xiě)了一篇新文章都可以使用這個(gè)方法在本地查看，解決BUG。

cd /d/hexo/blog

# 生成靜態(tài)文件

hexo generate

# 啟動(dòng)本地服務(wù)器

hexo server --debug

打開(kāi)瀏覽器，輸入http://localhost:4000 即可看到站點(diǎn)的預(yù)覽了。

提醒一點(diǎn)，生成靜態(tài)化可以使用簡(jiǎn)化命令

hexo g

在后面的上傳到Github中，如果你發(fā)現(xiàn)明明寫(xiě)了一篇文章，但是網(wǎng)站卻沒(méi)有？那么一定是MD的語(yǔ)法有問(wèn)題，生成靜態(tài)化文件的時(shí)候就會(huì)報(bào)錯(cuò)，務(wù)必檢查一下哪里出問(wèn)題，修復(fù)后才能成功上傳和展現(xiàn)文章。

三、配置Github Pages或Coding Pages

Github比較出名些，Coding是國(guó)內(nèi)的平臺(tái)，和Github基本差不多，如果擔(dān)心訪問(wèn)速度或者其他原因可以選擇國(guó)內(nèi)的。

Github的配置方法

1.注冊(cè)并登錄Github賬號(hào)。

新建一個(gè)倉(cāng)庫(kù)，建好后可以在倉(cāng)庫(kù)首頁(yè)的Setting里修改為：yourname.github.io

2.添加SSH KEY

點(diǎn)擊Github右上角的頭像，有個(gè)Setting，找到SSH and GPG keys，新建一個(gè)New keys，隨便起名，把密鑰內(nèi)容復(fù)制進(jìn)去。密鑰是啥？就是最開(kāi)始生成的那個(gè)密鑰，id_rsa.pub文件。

3.測(cè)試SSH連接

在本地的Git中執(zhí)行，

1	ssh -T git@github.com

如果出現(xiàn)Hi username! You've successfully authenticated, but GitHub does not provide shell access.提示，則表示連接成功。如果不行就重新生成一個(gè)密鑰再重新上傳密鑰試試。

Coding中的配置方法

Github免費(fèi)用戶(hù)只能新建公開(kāi)的代碼倉(cāng)庫(kù)，而且是國(guó)外的服務(wù)器，而Coding可以新建私有代碼倉(cāng)庫(kù)，國(guó)內(nèi)用戶(hù)訪問(wèn)速度更快。注冊(cè)Coding，添加項(xiàng)目，項(xiàng)目名稱(chēng)為Coding用戶(hù)名，分支選擇master，同時(shí)還需要在D:\hexo\blog\source目錄下創(chuàng)建一個(gè)空白文件Staticfile:

1 2	cd /d/hexo/blog/source touch Staticfile

添加SSH keys

https://coding.net/help/doc/git/ssh-key.html

在Coding 賬戶(hù)中找到SSH 公鑰，新增公鑰，復(fù)制公鑰文件id_rsa.pub中的內(nèi)容

測(cè)試SSH連接

在Git Bash中執(zhí)行:

1 2	ssh -T git@git.coding.net

如果出現(xiàn)Hello username! You have connected to Coding.net by SSH successfully!提示，則表示連接成功。

四、部署你的博客

注意站點(diǎn)配置文件D:\hexo\blog\_config.yml中deploy參數(shù)配置如下：

# Deployment

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo:

github: git@github.com:zrj766/zrj766.github.io.git,master

coding: git@git.coding.net:zrj766/zrj766.git,master

在本地Git中執(zhí)行：

# git方式需要先安裝插件

npm install hexo-deployer-git --save

# 上傳代碼到倉(cāng)庫(kù)

hexo clean && hexo generate && hexo deploy

或者:

hexo clean && hexo generate -d

如果出現(xiàn)INFO Deploy done: git提示，則表示部署成功。訪問(wèn)用戶(hù)名.github.io和用戶(hù)名.coding.me都可以正常打開(kāi)博客了。

五、獨(dú)立域名綁定

用個(gè)二級(jí)域名總是不爽，何況現(xiàn)在主流域名都不貴，現(xiàn)在來(lái)綁定自己的域名。

1.DNS解析

www和@記錄做CNAME解析到用戶(hù)名.github.io

如果使用的是Coding同樣的方法解析到 pages.coding.me

2.Hexo上的設(shè)置

域名綁定Github

在D:\hexo\blog\source目錄下新建一個(gè)文件CNAME，內(nèi)容為要綁定的域名：

文件去掉格式，直接空白

1 2	www.example.com example.com

域名綁定Coding Pages

在Coding網(wǎng)站中進(jìn)入剛新建的項(xiàng)目，依次單擊代碼、Pages服務(wù)自定義域名：

重新部署一次代碼即可。

六、其他輔助工具

Markdown書(shū)寫(xiě)工具

推薦Typora，介紹文章：http://www.iplaysoft.com/typora.html

Markdown渲染插件

推薦Markdown Here

圖床

由于markdown要導(dǎo)入網(wǎng)絡(luò)圖片才能讓本地用戶(hù)和網(wǎng)絡(luò)用戶(hù)都能正常訪問(wèn)圖片，而且像有道云筆記這種還不能支持插入圖片，所以要借助圖床和快捷插入圖片的小插件來(lái)提高寫(xiě)作效率。

七牛

注冊(cè)七牛，在對(duì)象存儲(chǔ)中新建存儲(chǔ)空間，要選擇公開(kāi)空間，不然上傳圖片后無(wú)法分享外部鏈接。

MPic

下載MPic-圖床神器，設(shè)置賬號(hào)，空間名為七牛對(duì)象存儲(chǔ)空間名稱(chēng)，AccessKey和SecretKey在七牛個(gè)人面板下的密鑰管理中，域名為七牛對(duì)象存儲(chǔ)空間中內(nèi)容管理頁(yè)簽下的外鏈默認(rèn)域名。

七、擴(kuò)展閱讀

推薦一些文章可以幫助你更快的學(xué)習(xí)使用和解決問(wèn)題

Hexo 入門(mén)指南（三） – 文章 & 草稿

搭建Hexo博客中碰到的坑

八、參考文章

本篇文章的寫(xiě)成參考了以下文章，感謝原作者的奉獻(xiàn)！

Win10搭建hexo-Github-Coding博客