本篇文章只介紹配置Next主題,如若不是這個主題便可不用瀏覽!!!
站點配置文件為博客目錄下的_config.yml文件,主題配置文件為主題目錄下的_config.yml文件!!!
- 首先進入Next主頁:https://github.com/iissnan/hexo-theme-next
- 復(fù)制它的 SSH 地址或 HTTPS 地址,假設(shè)地址為 git@github.com:iissnan/hexo-theme-next.git
- cd themes
- git clone git@github.com:iissnan/hexo-theme-next.git
- cd ..
- 將 _config.yml 的第 75 行改為 theme: hexo-theme-next,保存
- hexo generate
- hexo deploy
以上已經(jīng)修改主題了,接下來修改主題功能及添加插件
9.先修改Schenme,我選擇的是:
-
設(shè)置菜單,編輯主題配置文件:(可任意修改)
menu.png - 設(shè)置菜單項的圖標:默認就好,圖標也可修改為其他,嚴格區(qū)分大小寫!!!
- 修改側(cè)欄sidebar的位置:
position: left
- 設(shè)置側(cè)欄顯示的時機:
display: always
- 設(shè)置頭像,將頭像圖片放在next\source\images目錄下:
avatar: /images/1.jpg
- 設(shè)置RSS:
npm install hexo-generator-feed --save
- 設(shè)置代碼高亮主題:
highlight_theme: night eighties
-
設(shè)置側(cè)邊欄社交連接:
social.png
設(shè)置連接的圖標:
social_icons.png -
開啟打賞功能:
reward_comment.png - 設(shè)置站點建立時間:
since: 2018
- 設(shè)置動畫效果:
motion.enable: true
- 開啟動畫:
canvas_nest: true
three_waves: true
配置搜索服務(wù)
LocalSearch
安裝:
npm install hexo-generator-searchdb --save
在站點配置文件新增如下:
在主題配置文件新增:
Algolia搜索
- 登錄Algolia官網(wǎng),注冊賬號,在indices中新添加一個index,名字可以隨意取,但是后面需要用到例如personal_blog.
-
在ApiKey中找到Search-Only API Key,再點擊ALL API KEYS找到對應(yīng)的Key并將personal_blog添加進去,在ACL中勾選如下,點擊更新:
ACL.png -
修改站點配置文件,添加內(nèi)容如下,在紅線處填入你的Algolia中的Key,apikey即為Search-Only API Key:
Algolia.png
修改主題配置文件:
algolia_search:
enable: true
- 安裝插件:
npm install --save hexo-algolia
- 配置環(huán)境變量
export HEXO_ALGOLIA_INDEXING_KEY=你的API Key
注意:運行此命令時,切記是在git bash中運行代碼,若你不是用到git bash運行,請另行參考。此處的API Key=Search-Only API Key=站點配置重點apiKey。
- 更新index
hexo algolia
-
若出現(xiàn)以下畫面即為成功:
success.png - 若出現(xiàn)Algolia搜索欄但是無法跳轉(zhuǎn)到搜索結(jié)果,請運行以下代碼:
npm install hexo-algolia@0.2.0
然后在站點配置中找到package.json, 把里面的hexo-algolia, 換成 "hexo-algolia": "^0.2.0",如圖:
由此,配置完成。
來必力評論
- 登錄來必力官網(wǎng),注冊,選擇安裝版本,選擇個人版
-
獲取data-uid:
data-uid.png -
修改主題配置文件:
livere_uid.png
由此配置完成。
其他配置將以后更新!謝謝瀏覽!
參考文章:
NexT使用文檔
鄰家楓揚在知乎的回答
大都小酒館
5.1.0使用algolia搜索問題
1022_zhang's Blog