寫在前面
本文主要描述了怎麼添加hexo部落格搜尋插件,然後啟動搜尋功能,對兩個本地搜尋插件的使用進行了描述,文章可能還有很多不足,請大家諒解,歡迎大佬提意見。
本文用的東西
-
- hexo 3.1.0
- win10電腦
文章目錄
-
- 寫在前面
- 本文用的東西
- 1.插件比較
- 2.hexo-generator-searchdb插件
-
- 2.1插件原理
- 2.2添加插件
- 2.3使用插件
- 3.hexo-generator-json-content插件
-
- 3.1添加插件
- 3.2使用插件
- 4.總結
1.插件比較
“hexo-generator-searchdb”插件功能比較強大,可以替代後面講的第二個插件“hexo-generator-json-content”插件。而“hexo-generator-json-content”插件隻能生産json檔案,且不能定義檔案名,無法替代“hexo-generator-searchdb”插件,但是“hexo-generator-json-content”可以定義生成的json檔案的格式。
2.hexo-generator-searchdb插件
2.1插件原理
這個插件會掃描部落格文章,根據“——config.yml”的配置從文章裡擷取内容生成一個xml/json檔案的結果,類似于部落格中文章資訊的摘要把,搜尋的時候就搜尋這個檔案的内容。
2.2添加插件
1.打開“
Node Command Prompt
”,使用cd定位到自己部落格的目錄。
2.輸入以下指令添加部落格搜尋插件。
//未配置淘寶的資料源
npm install hexo-generator-searchdb --save
//配置淘寶資料源的可以使用這條指令,網絡會好一些
cnpm install hexo-generator-searchdb --save
2.打開部落格目錄,找到“
_config.yml
”檔案,添加以下内容。
search:
path: search.xml
field: post
content: true
format: html
path:表示搜尋後生成的檔案路徑,可以生成xml和json兩種格式;将path設定為“
content.json
”就可以替代第二個插件。
field:表示搜尋的範圍,有“
post、page和all
”三種值。
post:所有的文章;
page:所有頂部導航選項的頁面;
all:所有的文章和頂部導航選項的頁面。
content:是否包含搜尋到的文章的全部内容。如果false,生成的結果隻包括标題和建立時間這些資訊,沒有文章主體。預設情況下是true.
format:搜尋到的内容、選項的格式。
html(預設):将html原文本縮略。
striptags:将html原文本縮略,并删除所有标記。
raw:記下每一篇文章或每一頁的文字。
2.3使用插件
1.打開部落格目錄目錄,找到目前正在使用的主題的“_config.yml”檔案,打開進行編輯,找到“
local_search
”,修改
enable
的值為
true
。
# 本地搜尋
local_search:
enable: true
2.打開部落格在搜尋框中輸入内容就可以正常使用了。
3.hexo-generator-json-content插件
本插件原理和上個插件差不多,都是生成一個檔案用來本地搜尋
3.1添加插件
1.打開“
Node Command Prompt
”,使用cd定位到自己部落格的目錄。
2.輸入以下指令添加部落格搜尋插件。
//未配置淘寶的資料源
npm install hexo-generator-json-content --save
//配置淘寶資料源的可以使用這條指令,網絡會好一些
cnpm install hexo-generator-json-content --save
2.打開部落格目錄,找到“
_config.yml
”檔案,添加以下内容。
jsonContent:
dateFormat: MM-DD
pages:
title: true
text: true
path: true
date: true
excerpt: true
preview: true
posts:
title: true
text: true
path: true
date: true
excerpt: true
tags: [{
name: tag.name,
slug: tag.slug,
permalink: tag.permalink
}]
preview: true
3.2使用插件
1.打開部落格目錄目錄,找到目前正在使用的主題的“_config.yml”檔案,打開進行編輯,找到“
local_search
”,修改
enable
的值為
true
。
# 本地搜尋
local_search:
enable: true
2.打開部落格在搜尋框中輸入内容就可以正常使用了。