歡迎訪問我的博客
創建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統計遷移過來即可。