博客從WordPress遷移到Hexo

caspar 發布于2019-06-27 13:49 / 2659人閱讀

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

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

配置環境

1.安裝Node.js
Centos之類的,yum install nodejs && sudo yum install npm
Mac OS X系統,使用brew install node 安裝一下
如果需要源碼安裝，可以去Node官網下載,然后編譯安裝
2.安裝git
和上面一樣，yum或brew或源碼安裝一下，這里就不再多說。可以參考此文檔:https://git-scm.com/book/en/v2/Getting-Started-Installing-Git 進去可以選擇中文,

安裝Hexo

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

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

使用Hexo

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

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

更換主題與配置

默認的主題不是特別好看，我們可以在Hexo官網的主題頁選擇自己喜歡的主題，我選的是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

然后根據里面的提示填寫就行了，這里就不多說了。里面有個多說的配置，litten可能有點沒說清楚，其實填寫的是多說站點設置里的多說域名你填寫的部分。

我這里如下填寫：

duoshuo: jsyzchen

4.添加Share.js

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

編輯yilia目錄下的_config.yml

#是否開啟分享
share_jia: false
share_addthis: false
share_social: true   #這里添加Share.js的開關

編輯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") %>
<% } %>

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

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

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

WordPress遷移

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

npm install hexo-migrator-wordpress --save

在 WordPress 儀表盤中導出數據(“Tools” → “Export” → “WordPress”)（詳情參考WP支持頁面）。
插件安裝完成后，執行下列命令來遷移所有文章。source 可以是 WordPress 導出的文件路徑或網址。

hexo migrate wordpress

完成之后可以

hexo server

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

配置Github

1.申請GitHub
GitHub直接申請一下就好了。

2.新建Repository(倉庫)

登陸Github賬號后，點擊右上角的“+”號按鈕，選擇“New repository”

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

3.設置你的git用戶名和密碼

Git會根據用戶的名字和郵箱來記錄提交，GitHub也是用這些信息來做權限的處理。
git config --global user.name"這里是你申請Github賬號時的name"
git config --global user.email"這里是你申請Github賬號時的郵箱"

3.SSH配置

SSH配置，有些麻煩?？梢詤⒖即宋臋n：https://git-scm.com/book/en/v2/GitHub-Account-Setup-and-Configuration,進去可以選擇中文,還是比較詳細的。
4.部署

進入blog目錄下,編輯 _config.yml，把下面的your_username換成你的github用戶名，注意冒號后面有一空格。

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

部署代碼到Github

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

hexo clean

2.生成靜態文件

hexo generate

3.部署

 hexo deploy

上面2、3兩個命令可以合起來

hexo d -g

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

效果展示

我的WordPress和Hexo博客對比圖:
1.原來的WordPress

2.如今的Hexo

怎么感覺變丑了呢，沒事，能省錢就好了，哈哈。。

綁定域名

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

進入你的域名解析管理控制臺，設置主機記錄@，類型A，到IP 192.30.252.153(GitHub IP)。
我用的是萬網,設置如下:

2.GitHub設置

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

3.部署更新文件

hexo clean
hexo g -d

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

性能優化

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

文檔推薦

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

參考文章

1.HEXO+Github,搭建屬于自己的博客
2.hexo--搭建
3.Hexo在github上構建免費的Web應用

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

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

云服務器 GPU云服務器從oracle遷移到mysql wordpress遷移到阿里云服務器從騰訊云遷移到本地服務器 PPAS 從oracle遷移到mysql

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/21629.html

開通個人博客啦，附上Vultr+WordPress建站全面指南

摘要：網上搜搭建博客可以搜到很多方式，主要有以下幾種使用是其中最輕便和簡單的，但不選擇的原因是我個人的一個原則一堆選擇中，永遠不要選最容易達到的目標，經驗告訴我，一開始輕松的事，后面遇到很難，一開始選擇難的，后面。。。歷時一個月，終于搭起個人博客，并且將以前的文章都遷移到新的網站了，其中還經歷了遷移wordpress的問題，網上雖然關于wordpress的問題解答有很多，但是有些不適用，也...

oogh 2019-05-29 17:51 評論0 收藏0
技術存檔：建站（一）

摘要：自建主要花費在購買云服務器上和靜態資源托管上，剩余工作一力承擔。寫這系列文章的初衷是：對自己知識面廣度和深度的確定，并以此調整后續的發展和學習方向。希望能達到溫故而知新的效果。選擇從建站入手，是因為這個是最常見的要求。對于公司而言，網站是展示公司主旨、業務、溝通方式、宣傳營銷的必選方案，一個符合公司形象的高質量官網，必然能讓客戶留下良好的第一印象。，對個人而言，博客是表達其特有的思...

chnmagnus 2019-05-29 17:52 評論0 收藏0
Hexo折騰記

摘要：前言博主之前也有折騰和可對于一個前端來說，讓人沒法盡興，因為不知道該如何添加自己的代碼。下面記錄博主搭建的整個過程。若這兩個條件滿足，則創建一個目錄的。如果時間可以靜止，我希望就停在此刻。前言博主之前也有折騰wordpress和jekyll可對于一個前端er來說，wordpress讓人沒法盡興，因為不知道該如何添加自己的代碼。而jekyll就太麻煩了每一次都需要重新提交，而且樣式...

RaoMeng 2019-08-20 10:49 評論0 收藏0
Hexo博客遷移之旅（Coding到騰訊云COS）+ Travis CI持續集成

摘要：博客從遷移到騰訊云最近的服務一直不穩定，這兩天訪問還出現，重新部署也無法解決。碼云自定義域名收費，只好遷移到騰訊云上了。不會配置的可以參考官方示例直接就發布到騰訊云上了，訪問速度相當快，對也好。 Hexo博客從Coding遷移到騰訊云COS 最近coding的Pages 服務一直不穩定，這兩天訪問還出現404，重新部署也無法解決。國內訪問GitHub Pages 不是很快，而且百度S...

blastz 2019-08-02 16:10 評論0 收藏0
Hexo博客遷移之旅（Coding到騰訊云COS）+ Travis CI持續集成

摘要：博客從遷移到騰訊云最近的服務一直不穩定，這兩天訪問還出現，重新部署也無法解決。碼云自定義域名收費，只好遷移到騰訊云上了。不會配置的可以參考官方示例直接就發布到騰訊云上了，訪問速度相當快，對也好。 Hexo博客從Coding遷移到騰訊云COS 最近coding的Pages 服務一直不穩定，這兩天訪問還出現404，重新部署也無法解決。國內訪問GitHub Pages 不是很快，而且百度S...

_ang 2019-08-30 15:43 評論0 收藏0