寫(xiě)在前面

本文主要描述了怎么添加hexo博客搜索插件，然后啟動(dòng)搜索功能，對(duì)兩個(gè)本地搜索插件的使用進(jìn)行了描述，文章可能還有很多不足，請(qǐng)大家諒解，歡迎大佬提意見(jiàn)。

本文用的東西

hexo 3.1.0

win10電腦

文章目錄

• • 寫(xiě)在前面
  • 本文用的東西
  • 1.插件比較
  • 2.hexo-generator-searchdb插件
  • • 2.1插件原理
    • 2.2添加插件
    • 2.3使用插件
  • 3.hexo-generator-json-content插件
  • • 3.1添加插件
    • 3.2使用插件
  • 4.總結(jié)

1.插件比較

“hexo-generator-searchdb”插件功能比較強(qiáng)大，可以替代后面講的第二個(gè)插件“hexo-generator-json-content”插件。而“hexo-generator-json-content”插件只能生產(chǎn)json文件，且不能定義文件名，無(wú)法替代“hexo-generator-searchdb”插件，但是“hexo-generator-json-content”可以定義生成的json文件的格式。

2.hexo-generator-searchdb插件

2.1插件原理

這個(gè)插件會(huì)掃描博客文章，根據(jù)“——config.yml”的配置從文章里獲取內(nèi)容生成一個(gè)xml/json文件的結(jié)果，類(lèi)似于博客中文章信息的摘要把，搜索的時(shí)候就搜索這個(gè)文件的內(nèi)容。

2.2添加插件

1.打開(kāi)“Node Command Prompt”，使用cd定位到自己博客的目錄。
2.輸入以下命令添加博客搜索插件。

//未配置淘寶的數(shù)據(jù)源 npm install hexo-generator-searchdb --save//配置淘寶數(shù)據(jù)源的可以使用這條命令，網(wǎng)絡(luò)會(huì)好一些 cnpm install hexo-generator-searchdb --save

2.打開(kāi)博客目錄，找到“_config.yml”文件，添加以下內(nèi)容。

search:path: search.xmlfield: postcontent: trueformat: html

path：表示搜索后生成的文件路徑，可以生成xml和json兩種格式；將path設(shè)置為“content.json”就可以替代第二個(gè)插件。
field：表示搜索的范圍，有“post、page和all”三種值。
? ? post：所有的文章；
? ? page：所有頂部導(dǎo)航選項(xiàng)的頁(yè)面；
? ? all：所有的文章和頂部導(dǎo)航選項(xiàng)的頁(yè)面。
content：是否包含搜索到的文章的全部?jī)?nèi)容。如果false，生成的結(jié)果只包括標(biāo)題和創(chuàng)建時(shí)間這些信息，沒(méi)有文章主體。默認(rèn)情況下是true.
format：搜索到的內(nèi)容、選項(xiàng)的格式。
? ? html(默認(rèn))：將html原文本縮略。
? ? striptags：將html原文本縮略，并刪除所有標(biāo)記。
? ? raw：記下每一篇文章或每一頁(yè)的文字。

2.3使用插件

1.打開(kāi)博客目錄目錄，找到當(dāng)前正在使用的主題的“_config.yml”文件，打開(kāi)進(jìn)行編輯，找到“l(fā)ocal_search”，修改enable的值為true。

# 本地搜索 local_search:enable: true

2.打開(kāi)博客在搜索框中輸入內(nèi)容就可以正常使用了。

3.hexo-generator-json-content插件

本插件原理和上個(gè)插件差不多，都是生成一個(gè)文件用來(lái)本地搜索

3.1添加插件

1.打開(kāi)“Node Command Prompt”，使用cd定位到自己博客的目錄。
2.輸入以下命令添加博客搜索插件。

//未配置淘寶的數(shù)據(jù)源 npm install hexo-generator-json-content --save//配置淘寶數(shù)據(jù)源的可以使用這條命令，網(wǎng)絡(luò)會(huì)好一些 cnpm install hexo-generator-json-content --save

2.打開(kāi)博客目錄，找到“_config.yml”文件，添加以下內(nèi)容。

jsonContent:dateFormat: MM-DDpages:title: truetext: truepath: truedate: trueexcerpt: truepreview: trueposts:title: truetext: truepath: truedate: trueexcerpt: truetags: [{name: tag.name,slug: tag.slug,permalink: tag.permalink}]preview: true

3.2使用插件

1.打開(kāi)博客目錄目錄，找到當(dāng)前正在使用的主題的“_config.yml”文件，打開(kāi)進(jìn)行編輯，找到“l(fā)ocal_search”，修改enable的值為true。

# 本地搜索 local_search:enable: true

2.打開(kāi)博客在搜索框中輸入內(nèi)容就可以正常使用了。

4.總結(jié)

添加本地搜索功能還是比較簡(jiǎn)單的，也有通過(guò)algolia等方式進(jìn)行搜索的方法，但是我感覺(jué)本地搜索也夠用了，不想再花太多時(shí)間到博客這些功能的研究上面，所以就沒(méi)去弄這個(gè)，要是有時(shí)間會(huì)再發(fā)表如何添加評(píng)論功能。有不清楚的地方歡迎評(píng)論留言，看到的我都會(huì)回復(fù)的。本文到此結(jié)束，有什么不足的地方請(qǐng)大家不吝指正。

總結(jié)

以上是生活随笔為你收集整理的hexo博客添加本地搜索功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。