Hexo博客配置優化

我的博客原文地址

歡迎訪問我的博客

Hexo 文檔

創建hexo分支

爲了實現能在更換環境(比如更換電腦)的情況下我們仍然能發佈博客,我們創建一個hexo分支用來存放hexo的文件。

$ git checkout --orphan hexo
$ git rm -rf .

將hexo代碼全部copy過來

$ git add . -A
$ git commit -m "hexo init"
$ git push origin hexo

這樣就用hexo分支來存放網站的原始文件,master分支用來存放生成的靜態網頁。

添加README.md到github

衆所周知hexo會把文件夾內的所有md文件解析成html,而github的readme只支持MD格式,但是我們可以使用下面方式來規避。
修改_config.yml文件:
skip_render: README.md
在source目錄下創建README.md文件。
其他幾種情況下的寫法:
- 單個文件夾下全部文件:skip_render: demo/*
- 單個文件夾下指定類型文件:skip_render: demo/*.html
- 單個文件夾下全部文件以及子目錄:skip_render: demo/**
- 多個文件夾以及各種複雜情況:

skip_render:
- 'demo/*.html'
- 'demo/**'

修改網站相關信息

修改根目錄下面的_config.yml文件

title: 孤舟蓑笠翁,獨釣寒江雪 #網站title
subtitle: 天道酬勤  #副標題,網站名下面
description: 技術博客     //網站描述,便於搜索引擎用關鍵詞檢索
author: QH
language: zh-CN
timezone: Asia/Shanghai

添加RSS

安裝RSS插件

$ npm install hexo-generator-feed --save

添加百度sitemap

站點地圖,方便搜索引擎的收錄

$ npm install hexo-generator-baidu-sitemap --save

我們在百度裏面搜索site:heqiangfly.com,發現沒有我們的博客並沒有被百度收錄,也就是說你的博客別人可能會看不到,下面來解決這個問題。
進入鏈接提交,然後驗證網站所有權,選擇文件驗證,下面baidu_verify_IIJFGFbbEX.html文件到source/目錄下面。
修改_config.yml

skip_render: 
  - README.md
  - baidu_verify_IIJFGFbbEX.html

注意-後面要加個空格。
按照說明完成驗證。
在百度站長平臺裏面的站點管理裏面看到是否驗證成功。
上面進行步驟成功之後,進入站點信息->網頁抓取->鏈接提交->詳情,按照說明進行設置。
完成後等一段時間,在百度裏面搜索site:heqiangfly.com,有記錄說明是被收錄了。

添加Google收錄

$ npm install hexo-generator-sitemap --save

谷歌操作比較簡單,就是向Google站長工具提交sitemap。
類似百度,通過HTML文件方式驗證通過後,在站點裏選擇 抓取->站點地圖裏 添加/測試站點地圖。
完成後等一段時間(大概一天時間)在Google裏面搜索site:heqiangfly.com,就可以看到搜索結果了。

站點訪問量統計

添加CNZZ統計

首先要在CNZZ網站註冊一個帳號,複製一種你喜歡的統計格式的代碼,在themes/landscape/layout/_partial/新建文件cnzz.ejs,加入代碼:

<% if (theme.cnzz){ %>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261134288'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1261134288' type='text/javascript'%3E%3C/script%3E"));</script>
<% } %>

把第一行與最後一行之間的代碼替換成你自己的代碼。
然後,在頁面的某個位置添加你期望站長統計出現的位置,比如我是在footer.ejs裏面加上以下代碼:

<%- partial('cnzz') %>

然後在themes/landscape/_config.yml裏面打開統計開關:
添加代碼:

#### Analytics
cnzz: true

就會在頁面左下角出現站長統計了。

其他方法

參考不蒜子的方法。

文章訪問量統計

使用LeanCloud,參考文檔

修改日期顯示

打開根目錄下的_config.yml文件,修改:

date_format: YYYY-MM-DD

即可。

創建關於頁面

hexo new page about

會在source/about中生成index.md,然後自己可以隨意編輯。
在主題配置文件中添加
menu:
about: /about

創建分類

hexo new page categories

會在source/categories中生成index.md,然後修改index.md。

---
title: 分類
date: 2017-01-17 17:53:50
type: "categories"
comments: false
---

在博客文章中配置,比如:

---
title: Hexo+GitHub搭建個人博客
categories: Hexo
comments: true
keywords: Hexo, Blog, GitHub
description: 使用Hexo在GitHub上搭建個人博客
date: 2017-01-010 13:00:00
---

那麼這篇博客就添加到了Hexo分類中了。
在主題配置文件中添加
menu:
categories: /categories

創建標籤

hexo new page tags

會在source/tags中生成index.md,然後修改index.md。

---
title: tags
date: 2017-01-17 17:39:48
type: "tags"
comments: false
---

然後在文章中配置

tags: Hexo

就可以了。
多個標籤:

tags: [標籤1,標籤2,標籤3]

下面的寫法也是可以的:

tags: 
 - Hexo
 - Blog
 - GitHub

在主題配置文件中添加
menu:
tags: /tags

主題

官方推薦的一些主題
在 Hexo 中有兩份主要的配置文件,其名稱都是 _config.yml。博客的整體配置在hexo_config.yml文件中進行。默認使用的主題是landscape,主題的配置在hexo\themes\landscape_config.yml。
下面就把默認的landscape主題切換爲next主題:

下載主題

cd hexo\themes
git clone https://github.com/iissnan/hexo-theme-next next

注意:next爲一個git倉庫,可以採用submodule方式來管理,也可以把next下面的.git刪除,然後再提交。

啓用主題

打開next根目錄下面的配置文件_config.yml,修改

theme: next

驗證主題

hexo g
hexo s

瀏覽器中打開 http://localhost:4000/
Next主題的具體其他的配置請參考文檔
然後再把自己自定義的一些東西,比如CNZZ統計遷移過來即可。

發佈了190 篇原創文章 · 獲贊 64 · 訪問量 48萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章