詳細配置Next部分功能及插件

本篇文章只介紹配置Next主題,如若不是這個主題便可不用瀏覽!!!
站點配置文件為博客目錄下的_config.yml文件,主題配置文件為主題目錄下的_config.yml文件!!!

  1. 首先進入Next主頁:https://github.com/iissnan/hexo-theme-next
  2. 復(fù)制它的 SSH 地址或 HTTPS 地址,假設(shè)地址為 git@github.com:iissnan/hexo-theme-next.git
  3. cd themes
  4. git clone git@github.com:iissnan/hexo-theme-next.git
  5. cd ..
  6. 將 _config.yml 的第 75 行改為 theme: hexo-theme-next,保存
  7. hexo generate
  8. hexo deploy

以上已經(jīng)修改主題了,接下來修改主題功能及添加插件

9.先修改Schenme,我選擇的是:


Schenme.png
  1. 設(shè)置菜單,編輯主題配置文件:(可任意修改)


    menu.png
  2. 設(shè)置菜單項的圖標:默認就好,圖標也可修改為其他,嚴格區(qū)分大小寫!!!
  3. 修改側(cè)欄sidebar的位置:

position: left

  1. 設(shè)置側(cè)欄顯示的時機:

display: always

  1. 設(shè)置頭像,將頭像圖片放在next\source\images目錄下:

avatar: /images/1.jpg

  1. 設(shè)置RSS:

npm install hexo-generator-feed --save

  1. 設(shè)置代碼高亮主題:

highlight_theme: night eighties

  1. 設(shè)置側(cè)邊欄社交連接:


    social.png

    設(shè)置連接的圖標:


    social_icons.png
  2. 開啟打賞功能:


    reward_comment.png
  3. 設(shè)置站點建立時間:

since: 2018

  1. 設(shè)置動畫效果:

motion.enable: true

  1. 開啟動畫:

canvas_nest: true
three_waves: true

配置搜索服務(wù)

LocalSearch

安裝:

npm install hexo-generator-searchdb --save

在站點配置文件新增如下:


search.png

在主題配置文件新增:


local_search.png

Algolia搜索

  1. 登錄Algolia官網(wǎng),注冊賬號,在indices中新添加一個index,名字可以隨意取,但是后面需要用到例如personal_blog.
  2. 在ApiKey中找到Search-Only API Key,再點擊ALL API KEYS找到對應(yīng)的Key并將personal_blog添加進去,在ACL中勾選如下,點擊更新:


    ACL.png
  3. 修改站點配置文件,添加內(nèi)容如下,在紅線處填入你的Algolia中的Key,apikey即為Search-Only API Key:


    Algolia.png

    修改主題配置文件:

algolia_search:
 enable: true

  1. 安裝插件:

npm install --save hexo-algolia

  1. 配置環(huán)境變量

export HEXO_ALGOLIA_INDEXING_KEY=你的API Key
注意:運行此命令時,切記是在git bash中運行代碼,若你不是用到git bash運行,請另行參考。此處的API Key=Search-Only API Key=站點配置重點apiKey。

  1. 更新index

hexo algolia

  1. 若出現(xiàn)以下畫面即為成功:


    success.png
  2. 若出現(xiàn)Algolia搜索欄但是無法跳轉(zhuǎn)到搜索結(jié)果,請運行以下代碼:

npm install hexo-algolia@0.2.0

然后在站點配置中找到package.json, 把里面的hexo-algolia, 換成 "hexo-algolia": "^0.2.0",如圖:


hexo-algolia.png

由此,配置完成。

來必力評論

  1. 登錄來必力官網(wǎng),注冊,選擇安裝版本,選擇個人版
  2. 獲取data-uid:


    data-uid.png
  3. 修改主題配置文件:


    livere_uid.png

    由此配置完成。

其他配置將以后更新!謝謝瀏覽!

參考文章:

NexT使用文檔
鄰家楓揚在知乎的回答
大都小酒館
5.1.0使用algolia搜索問題
1022_zhang's Blog

純屬個人簡單操作,望大佬些細心指出錯誤或不足之處!!!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容