Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。本文中我們將對hexo中nexT主題搭建的自己的部落格站點進行配置，為你打造個性化部落格系統。

目錄

1. Hexo部落格釋出流程

1. hexo init (初始化一個部落格系統)
2. hexo new post “博文名稱” (新增一個博文)
3. hexo generate (編譯博文)
4. hexo server(或hexo s –debug) (本地啟動進行預覽)

5. hexo deploy (釋出到遠端伺服器上)

   1. 站點檔案.config.yml中配置git

      deploy:
        - type: git
          repo:
            github: [email protected].com:github賬號/釋出倉庫,分支名稱
            coding: [email protected].coding.net:coding賬號/釋出倉庫,分支名稱 

   2. 安裝hexo-deployer-git外掛

      npm install --save hexo-deployer-git
      

2. 新建帶日期格式的博文

使用hexo new post “博文名稱”生成的博文以博文名稱生成檔案，當檔案太多時不便於管理檢視，生成yyyy-MM-dd-博文名稱的名稱有助於我們管理自己的博文。
在站點檔案_config.yml中設定部落格生成名稱:

# Writing
new_post_name: :year-:month-:day-:title.md # File name of new posts  

重新執行hexo new post “博文名稱”命令，就可以生成yyyy-MM-dd-博文名稱.md型別的名稱了。

3. 博文插入圖片

1. 配置站點檔案_config.yml:

post_asset_folder: true

1. 執行hexo new post “xxxx”
   在/source/_posts資料夾內除了生成xxxx.md檔案還會生成一個同名的資料夾，把圖片複製到同名資料夾中，在博文中新增圖片：

{% asset_img 圖片名.png 圖片 %}

4. 連結持久化

在Hexo中當我們建立的博文名包含中文的名的時候，url連結地址經常會變成一串很長的難以理解的字串，不利於博文的連結分享，以及搜尋引擎搜尋，我能可以讓url連結持久化來解決這個問題。
1. 安裝url地址持久化外掛:

npm install hexo-abbrlink --save

1. 配置站點檔案_config.yml:

permalink: post/:abbrlink.html  
permalink_defaults: 

abbrlink: 
  alg: crc32  # 演算法：crc16(default) and crc32  
  rep: hex    # 進位制：dec(default) and hex  

5. 新增分享功能(百度分享)

配置主題檔案_config.yml:

baidushare: 
  type: button  

6. 新增搜尋功能

1. 安裝 hexo-generator-searchdb 外掛
   $ npm install hexo-generator-searchdb –save
2. 配置站點檔案_config.yml:

# 搜尋
search:
  path: search.xml
  field: post
  format: html
  limit: 10000

1. 配置主題檔案_config.yml:

local_search:
  enable: true

7. nexT小白必看-開始使用

如果你時剛開始搭建nexT部落格系統，請參照官方文件-開始使用進行配置。

8. nexT小白必看-主題配置

9. nexT小白必看-第三方服務

如果你想使用第三方外掛，如線上評論、統計訪客、分享博文、搜尋引擎等，請參照官方文件-第三方服務進行配置你的部落格。

10. nexT進階必看-內建標籤

假如你已經參照nexT小白必看部分內容進行了設定，那麼恭喜你，你的部落格已經可以完美上線運行了，如果想繼續優化你的部落格，在書寫博文時使用一些內建標籤，請閱讀官方文件-內建標籤。

11. nexT進階必看-進階設定

該部分是對你的部落格站點進行優化的，如果你想要讓你的部落格變得更好，請閱讀官方文件-進階設定。

12. nexT進階必看-常見問題

如果在搭建部落格過程中遇到一些問題，可以參考官方文件-常見問題來解決問題，也可以在評論框進行提問解決。

13. Hexo類似平臺

這是和Hexo類似的平臺，有興趣可以研究研究Hexo類似平臺。

14. 修改文章內超連結文字樣式

修改檔案 themes\next\source\css_common\components\post\post.styl，在末尾新增css樣式:

// 修改文章內超連結文字樣式
.post-body p a{
  color: #0593d3;
  border-bottom: none;
  border-bottom: 1px solid #0593d3;
  &:hover {
    color: #fc6423;
    border-bottom: none;
    border-bottom: 1px solid #fc6423;
  }
}

效果如下圖所示: