hexo網站快速搭建
- 2019 年 11 月 20 日
- 筆記
背景
在申請google adsense時處處碰壁，不是網站訪問不到就是說沒有內容。考慮到vue+leancloud的方式在國外確實訪問不暢，一怒之下打算將部落格重新遷回hexo做全靜態網站。於是有了這篇hexo網站速成記。
必備
顧名思義，這裡的東西都是一定要有的，否則網站的訪問、SEO都會有影響。
主題
人活一張臉，樹活一張皮。還有hexo有next主題，換上就行。雖然大家都是next，前篇一律的沒啥好看的，但總比自己做的丑主題強多了。
下載
cd your-hexo-site git clone https://github.com/iissnan/hexo-theme-next themes/next
啟用，在站點配置文件中。
|
1 |
theme: next |
|---|
設定主題scheme，在主題配置文件中。
|
1 |
scheme: Mist |
|---|
sitemap
網站要給搜索引擎提交連接，sitemap是有力的工具。
npm安裝插件
|
1 |
npm install hexo-generator-sitemap –save |
|---|
在站點配置文件中添加如下內容
Plugins: - hexo-generator-sitemap sitemap: path: sitemap.xml
404頁面
這個還是方便搜索引擎的，抓不到的頁面就返回404。
生成新page
|
1 |
hexo new page 404 |
|---|
給404頁面添加永久鏈接
|
1 |
permalink: /404.html |
|---|
備案號
在主題配置文件中，尋找footer，下面有custom_text欄位，填入以下內容：
|
1 |
<a target="_blank" href="http://www.miitbeian.gov.cn/"> 陝ICP備xx號</a> |
|---|
統計
在主題配置文件中，搜索baidu_analytics和google_analytics， 填入id即可。
廣告
在themes/next/layout/_partials/head/custom-head.swig可以填入任何html格式內容，複製粘貼google adense程式碼即可。
美化
搜索
非常有用的工具，我可以搜索歷史文章，方便找到源文件。
在站點根目錄執行
npm install hexo-generator-search --save npm install hexo-generator-searchdb --save
在站點配置文件中增加以下內容
search: path: search.xml field: post format: html limit: 10000
注意：在每篇文章開頭的鏈接中，不要使用前導
/後結束/。在其他瀏覽中無影響，但是在搜索中會產生錯誤的url。
正確的格式：
|
1 |
permalink: article/how_to_build_hexo_very_fast |
|---|
相關文章
經常會發現網站的跳出率特別高，新訪問多且只瀏覽一頁就跳出，這說明網站的內容不夠豐富，不能吸引用戶瀏覽第二頁。相關文章可以緩解該問題。
首先安裝npm插件
|
1 |
npm install hexo-related-popular-posts –save |
|---|
然後在主題的相關文件https://github.com/iissnan/hexo-theme-next/blob/master/layout/_macro/post.swig#L313中插入內容
... </div> {{ popular_posts( {} , post ) }} {#####################} {### END POST BODY ###} {#####################} ...
其他內容
第一次使用hexo時還花了很多時間做了做閱讀量統計，站點訪問統計展示。後來覺得真的沒必要，小站點訪問量就那麼點，展不展示出來一個樣子。反倒是那些大站點，從來沒見他們把訪問量炫耀出來的。
還有安裝評論插件的，這個目前沒有必要。反正部落格接近兩年了，評論沒有多少。
至於字數多少、閱讀時間，有點太自娛自樂了，我還是專心碼字吧。
排錯
錯誤 Template render error: (unknown path)
查看你的內容中是否有雙括弧“等讓hexo誤解析了，或者直接寫程式碼把雙括弧全去掉
錯誤 JS-YAML: can not read a block mapping entry; a multiline key may not be an implicit key at line 8, column 12:
- 查看yaml頭冒號後面有沒有加個空格
- 查看實際的md文檔，冒號後面是否有不對稱的引號
title: hexo基本命令 date: 2015-12-27 20:55:29 categories: [編程, hexo] tags:[hexo] #這裡缺少一個空格 #也就是說每一個 標籤：後需要一個空格 ---
