摘要：既然對(duì)感覺(jué)不錯(cuò)，那為什么要把博客從遷移到上呢?？梢詤⒖即宋臋n進(jìn)去可以選擇中文安裝所有必備的應(yīng)用程序安裝完成后，即可使用安裝。插件安裝完成后，執(zhí)行下列命令來(lái)遷移所有文章。部署代碼到清除緩存文件和已生成的靜態(tài)文件。

偶然的機(jī)會(huì)看到了Hexo，就深深被吸引了，加載速度快，支持Makedown,還支持部署到Github上。作為一位PHP程序員，之前的博客用的是PHP開(kāi)發(fā)的WordPress,其實(shí)感覺(jué)WordPress也不錯(cuò)，找了個(gè)漂亮的WordPress模板，加上七牛的CDN緩存，速度上，還算滿(mǎn)意。既然對(duì)WordPress感覺(jué)不錯(cuò)，那為什么要把博客從WordPress遷移到Hexo上呢。第一，好奇，以前就經(jīng)常聽(tīng)說(shuō)Node.js有多么多么好，要把PHP給替代掉什么的，雖然Node.js的作用只是用來(lái)生成靜態(tài)頁(yè)面的，但可以感覺(jué)到，生成速度的確快；第二，支持Makedown，早就想學(xué)習(xí)Makedown了，正好邊寫(xiě)博客，邊學(xué)Makedown；第三，支持部署到Github上，以前WordPress都是部署到阿里云的云服務(wù)器ECS上的，還多帶帶買(mǎi)了一個(gè)云數(shù)據(jù)庫(kù)RDS，一個(gè)月得一百多塊的花銷(xiāo)，現(xiàn)在可以免費(fèi)地放在Github上，省了一百多塊錢(qián)，何樂(lè)而不為呢，哈哈。。不羅嗦了，直接上步驟。。

1.安裝Node.js
Centos之類(lèi)的,yum install nodejs && sudo yum install npm
Mac OS X系統(tǒng),使用brew install node 安裝一下
如果需要源碼安裝，可以去Node官網(wǎng)下載,然后編譯安裝
2.安裝git
和上面一樣，yum或brew或源碼安裝一下，這里就不再多說(shuō)?？梢詤⒖即宋臋n:https://git-scm.com/book/en/v2/Getting-Started-Installing-Git 進(jìn)去可以選擇中文,

所有必備的應(yīng)用程序安裝完成后，即可使用 npm 安裝 Hexo。

npm install -g hexo-cli  
npm install hexo-server --save

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

瀏覽器輸入http://localhost:4000
效果圖如下:

默認(rèn)的主題不是特別好看，我們可以在Hexo官網(wǎng)的主題頁(yè)選擇自己喜歡的主題，我選的是yilia。
1.安裝

cd blog
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
cd themes/yilia
git pull

2.主題修改配置
修改blog目錄下的 _config.yml ： theme: yilia

3.yilia配置

cd blog/theme/yilia
vim _config.yml

然后根據(jù)里面的提示填寫(xiě)就行了，這里就不多說(shuō)了。里面有個(gè)多說(shuō)的配置，litten可能有點(diǎn)沒(méi)說(shuō)清楚，其實(shí)填寫(xiě)的是多說(shuō)站點(diǎn)設(shè)置里的多說(shuō)域名你填寫(xiě)的部分。


我這里如下填寫(xiě)：

duoshuo: jsyzchen

4.添加Share.js

Share.js 一鍵分享到微博、QQ空間、QQ好友、微信、騰訊微博、豆瓣、Facebook、Twitter、Linkedin、Google+、點(diǎn)點(diǎn)等

編輯yilia目錄下的_config.yml

#是否開(kāi)啟分享
share_jia: false
share_addthis: false
share_social: true   #這里添加Share.js的開(kāi)關(guān)

編輯yilia/layout/_partial/head.ejs文件，加入代碼

<% if (theme.share_social){ %>
<%- css("https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.13/css/share.min") %>
<% } %>

進(jìn)入yilia/layout/_partial/post目錄，添加share_social.ejs文件,代碼如下

編輯yilia/layout/_partial/article.ejs文件，找到theme.share_jia和share_addthis的位置，把加載social-share的代碼放在與他們同級(jí)的位置

<% if (!index && theme.share_social){ %>
<%- partial("post/share_social") %>
<% } %>

現(xiàn)在我們將WordPress的文章遷移到Hexo，如果你不需要遷移，跳過(guò)即可。
首先，安裝 hexo-migrator-wordpress 插件。

npm install hexo-migrator-wordpress --save

在 WordPress 儀表盤(pán)中導(dǎo)出數(shù)據(jù)(“Tools” → “Export” → “WordPress”)（詳情參考WP支持頁(yè)面）。
插件安裝完成后，執(zhí)行下列命令來(lái)遷移所有文章。source 可以是 WordPress 導(dǎo)出的文件路徑或網(wǎng)址。

hexo migrate wordpress 

完成之后可以

hexo server

瀏覽器輸入http://localhost:4000 查看效果

1.申請(qǐng)GitHub
GitHub直接申請(qǐng)一下就好了。

2.新建Repository(倉(cāng)庫(kù))

登陸Github賬號(hào)后，點(diǎn)擊右上角的“+”號(hào)按鈕，選擇“New repository”

在Create a new repository界面填寫(xiě)格式如下圖所示: 用戶(hù)名.github.io，固定寫(xiě)法

3.設(shè)置你的git用戶(hù)名和密碼

Git會(huì)根據(jù)用戶(hù)的名字和郵箱來(lái)記錄提交，GitHub也是用這些信息來(lái)做權(quán)限的處理。
git config --global user.name"這里是你申請(qǐng)Github賬號(hào)時(shí)的name"
git config --global user.email"這里是你申請(qǐng)Github賬號(hào)時(shí)的郵箱"

3.SSH配置

SSH配置，有些麻煩。可以參考此文檔：https://git-scm.com/book/en/v2/GitHub-Account-Setup-and-Configuration,進(jìn)去可以選擇中文,還是比較詳細(xì)的。
4.部署

進(jìn)入blog目錄下,編輯 _config.yml，把下面的your_username換成你的github用戶(hù)名，注意冒號(hào)后面有一空格。

deploy:
    type: git
    repo: https://github.com/your_username/your_username.github.io.git
    branch: master
    

1.清除緩存文件 (db.json) 和已生成的靜態(tài)文件 (public)。

hexo clean

2.生成靜態(tài)文件

hexo generate

3.部署

 hexo deploy

上面2、3兩個(gè)命令可以合起來(lái)

hexo d -g

如果你此時(shí)沒(méi)有看到一大段執(zhí)行代碼，一般是SSH配置有誤。
如果成功了，你進(jìn)入Github repository,就是your_username.github.io是有代碼的
此時(shí)，你在瀏覽器里輸入http://your_username.github.io 就可以看到你的博客了

我的WordPress和Hexo博客對(duì)比圖:
1.原來(lái)的WordPress

2.如今的Hexo

怎么感覺(jué)變丑了呢，沒(méi)事，能省錢(qián)就好了，哈哈。。

雖然使用your_username.github.io可以直接訪問(wèn)博客，但如果你想用自己的域名打開(kāi)博客。
1.域名解析

進(jìn)入你的域名解析管理控制臺(tái)，設(shè)置主機(jī)記錄@，類(lèi)型A，到IP 192.30.252.153(GitHub IP)。
我用的是萬(wàn)網(wǎng),設(shè)置如下:

2.GitHub設(shè)置

在github項(xiàng)目中，blog/source目錄下,新建一個(gè)文件CNAME，文件中寫(xiě)出你要綁定的域名,比如我的是jsyzchen.com

3.部署更新文件

hexo clean
hexo g -d

然后在瀏覽器輸入你綁定的域名就可以看到你的Hexo博客了

所謂的性能優(yōu)化，也就是把能一些圖片,js,css放入cdn里,這樣的話加載速度會(huì)大大加快，我這里推薦的七牛云存儲(chǔ),它有免費(fèi)的額度，一般像博客這樣的系統(tǒng)文件不會(huì)超的，而且七牛的CDN挺不錯(cuò)的，加載速度挺快。至于如何設(shè)置，可以查看七牛的幫助文檔，你可以使用七牛的鏡像存儲(chǔ)，這樣你就不需要把你的文件一個(gè)一個(gè)地往七牛存了，你可能還需要改些你選擇主題的源碼，就是把它以前調(diào)的圖片，js，css地址改為CDN的訪問(wèn)地址就行了，這里不在啰嗦了。

1.Hexo官方文檔: https://hexo.io/zh-cn/docs/
2.Git文檔,里面有Git介紹、安裝和使用等等，GitHub講解也有: https://git-scm.com/doc
3.Node.js官網(wǎng): https://nodejs.org
4.MakeDown語(yǔ)法中文版: http://www.markdown.cn/

1.HEXO+Github,搭建屬于自己的博客
2.hexo--搭建
3.Hexo在github上構(gòu)建免費(fèi)的Web應(yīng)用

為了更好的交流，可以加QQ群：415183844

碼字不容易,轉(zhuǎn)載請(qǐng)注明原地址，Jsyz Chen的博客：http://jsyzchen.com/2016/04/30/blog-wordpress-to-hexo/ 謝謝！