轉自:http://www.jeyzhang.com/next-theme-personal-settings.html
提前說明:
假設網站的根目錄為D:/Hexo/,也稱為站點目錄
站點配置文件 是指網站目錄下的_config.yml文件,即D:/Hexo/_config.yml
主題配置文件 是指網站目錄下對應的主題文件夾下的_config.yml文件,即D:/Hexo/themes/next/_config.yml.
下面的功能設置完成后,記得
hexo g -d
以完成網站的生成和部署。
添加分類、標簽雲、關於等頁面
以添加分類頁面為例,
在站點目錄下,打開git bash,輸入
hexo new page "categories"
之后在站點目錄下的source文件夾下,會新增一個categories的文件夾,里面有一個index.md文件,打開如下
title: categories
date: 2015-12-04 15:37:22
type: "categories"
comments: false ---
其中,comments可以設置為false,含義是打開分類頁面,評論插件不顯示;如要顯示則改為true。
tags, about頁面的創建類似,輸入
hexo new page "tags" hexo new page "about"
添加站內搜索功能
NexT支持Swiftype插件以實現站內搜索功能。
Step 1: 注冊Swiftype
Step 2: 創建一個新的搜索引擎 (點擊Create an engine,按要求創建即可)
Step 3: 點擊新建的搜索引擎,按如下點擊INSTALL SEARCH
然后復制下面藍色底的字串
Step 4: 編輯站點配置文件,添加如下內容
# Swiftype Search Key swiftype_key: xxxxxxxxx(粘貼以上復制的內容)
設置右側欄頭像
編輯站點配置文件,添加如下內容
avatar: your avatar url
其中,your avatar url可以是
(1) 完整的互聯網URL,你可以先將設置的頭像圖片放到圖床上;
(2) 本地地址:如/upload/image/avatar.png (你需要將avatar.png文件放在/站點目錄/source/upload/image/里面)。
設置favicon圖標
Step 1:
首先要有一個常見格式名(如.jpg, .png等)的圖片作為備選favicon,選擇一個favicon制作網站完成制作,例如比特蟲是一個免費的在線制作ico圖標網站。
Step 2:
將favicon.ico文件放在網站根目錄下的source文件夾內即可。刷新網站,就可以看到效果了。
添加社交鏈接
編輯站點配置文件,添加
social: github: https://github.com/your-user-name twitter: https://twitter.com/your-user-name weibo: http://weibo.com/your-user-name douban: http://douban.com/people/your-user-name zhihu: http://www.zhihu.com/people/your-user-name # 等等
可根據自身需要自行刪減。
添加友情鏈接
以添加github官網(https://www.github.com)為友情鏈接為例
編輯站點配置文件,添加如下內容
# title links_title: Links # links links: Github: https://www.github.com
其中,links_title為友情鏈接的名稱。
添加評論區
支持Disqus和多說兩種評論樣式。建議中文網站選擇多說,英文網站選擇Disqus。下面以Disqus為例說明。
Step 1: 注冊Disqus
Step 2: 登陸后進入到Settings,點擊Add Disqus To Site,然后點擊頁面的右上角的Install on Your Site
Step 3: 復制你的shortname
Step 4: 編輯站點配置文件,添加
disqus_shortname: your disqus shortname
這樣你的所有文章及頁面下面,會自動加載Disqus的評論插件。如果在分類、標簽雲等頁面,不想顯示評論區,可以打開這個page文件夾下的md文件,添加
comments: false
首頁文章以摘要形式顯示
最簡單的方式是:打開主題配置文件,找到如下位置,修改
auto_excerpt: enable: true length: 150
其中length代表顯示摘要的截取字符長度。
設置首頁文章顯示篇數
Step 1: 安裝相關插件
輸入如下命令
npm install --save hexo-generator-index npm install --save hexo-generator-archive npm install --save hexo-generator-tag
Step 2:
安裝完插件后,在站點配置文件中,添加如下內容
index_generator: per_page: 5 archive_generator: per_page: 20 yearly: true monthly: true tag_generator: per_page: 10
其中per_page字段是你希望設定的顯示篇數。index, archive及tag開頭分表代表主頁,歸檔頁面和標簽頁面。
設置404公益頁面
在站點目錄的source文件夾下,新建404.html文件,將下面的代碼復制進去保存即可。
<!DOCTYPE HTML> <html> <head> <title>404 - arao'blog</title> <meta name="description" content="404錯誤,頁面不存在!"> <meta http-equiv="content-type" content="text/html;charset=utf-8;"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="robots" content="all" /> <meta name="robots" content="index,follow"/> </head> <body> <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone_v6/lostchild/search_children.js" charset="utf-8"></script> </body> </html>
顯示效果如下
本文結束,感謝欣賞。
參考資料




