本文并不是從頭開始搭建hexo博客的教程蔫劣,而是因為最近個人換了電腦个从,需求遷移原來搭建好的hexo博客,為了防止將來還需要遷移信姓,特記錄下操作流程绸罗,以便將來查看。
遷移博客的工作量要比從頭開始搭建簡單很多菊值,很多插件的服務(wù)端配置都不需要重新設(shè)置育灸,只需要在本地做相應(yīng)的操作即可。
安裝hexo
第一步當(dāng)然是安裝相應(yīng)的軟件和配置好環(huán)境磅崭。需要安裝的軟件有Node.js和Git,去官網(wǎng)下載安裝即可。
當(dāng)Node.js和Git都安裝好后就可以正式安裝Hexo了柔逼,終端執(zhí)行如下命令:
sudo npm install -g hexo
終端cd到一個你選定的目錄割岛,執(zhí)行hexo init初始化命令:
hexo init <folder>
終端cd到目錄下,安裝npm
npm install
此時開啟hexo服務(wù)就可以在本地(本地預(yù)覽地址http://localhost:4000 )預(yù)覽博客主頁了
hexo s
下載主題:
cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next
拷貝文件
拷貝原來搭建好的博客的站點配置文件和主題配置文件_config.yml并在對應(yīng)的配置目錄下做替換维咸。
如何還有其他修改過的配置文件,也一并替換掉癌蓖。比如我的主題目錄下layout/_partials/header.swig就有部分修改费坊,因而需要替換倒槐。
最重要的是拷貝并替換數(shù)據(jù)文件,即站點更目錄下的source文件夾讨越,所有博文的原始文件都在這個目錄下永毅。
配置MathJax
配置方法參考我的另一篇博文:在Hexo中渲染MathJax數(shù)學(xué)公式
安裝RSS插件
npm install hexo-generator-feed --save
安裝Git插件
npm install hexo-deployer-git --save
安裝hexo-asset-image的插件來處理圖片
npm install https://github.com/CodeFalling/hexo-asset-image --save
確認(rèn)_config.yml 中有 post_asset_folder:true,設(shè)置post_asset_folder為true參數(shù)后着逐,在建立文件時意蛀,Hexo
會自動建立一個與文章同名的文件夾,您可以把與該文章相關(guān)的所有資源都放到那個文件夾秀姐,如此一來若贮,您便可以更方便的使用資源。結(jié)構(gòu)如下:
本地圖片測試
├── apppicker.jpg
├── logo.jpg
└── rules.jpg
本地圖片測試.md
這樣的目錄結(jié)構(gòu)(目錄名和文章名一致)谴麦,只要使用 ![](本地圖片測試/logo.jpg)
就可以插入圖片。其中[]里面不寫文字則沒有圖片標(biāo)題舷蟀。
配置站內(nèi)搜索
安裝Algolia
npm install hexo-algolia --save
因為hexo-algolia的作者并沒有把post.path進(jìn)行index面哼,所以data.path是undefined,即搜索出的內(nèi)容點擊之后跳轉(zhuǎn)鏈接不正確精绎,解決方案是在node_modules/hexo-algolia/lib, 找到command.js旬牲,打開文件,在storedPost變量里加path:
var storedPost = _.pick(data, ['title', 'date', 'slug', 'path', 'content', 'excerpt', 'objectID']);
上傳數(shù)據(jù)到Algolia引擎服務(wù)
hexo algolia
提交搜索引擎
分別用下面兩個命令來安裝針對谷歌和百度的插件
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
大功告成
執(zhí)行如下命令就可以預(yù)覽博客了吭历。
hexo g && hexo s
最后要部屬到遠(yuǎn)程服務(wù)器擂橘,如github或coding上,別忘了在新電腦上生成ssh公鑰通贞,并注冊到遠(yuǎn)程服務(wù)器。
PS: 為了兼容coding哭懈,需要在source文件夾下touch一個空的文件:Staticfile.
因為博客同時部署到github和coding兩個平臺茎用,但配置文件里智能配置一個root路徑,所以生成的sitemap.xml或者baidu-sitemap.xml中有一個網(wǎng)站的路徑是錯誤的旭斥,需要在部署之前手動修改古涧。
博客預(yù)覽效果沒問題的話,就可以部屬到遠(yuǎn)程服務(wù)器了蒿褂。
hexo d