hexo next主題配置


轉自: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字段是你希望設定的顯示篇數。indexarchivetag開頭分表代表主頁,歸檔頁面和標簽頁面。

設置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> 

顯示效果如下

本文結束,感謝欣賞。

 

參考資料

NexT官方幫助文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM