天天看點

hexo部落格添加本地搜尋功能

寫在前面

本文主要描述了怎麼添加hexo部落格搜尋插件,然後啟動搜尋功能,對兩個本地搜尋插件的使用進行了描述,文章可能還有很多不足,請大家諒解,歡迎大佬提意見。

本文用的東西

  1. hexo 3.1.0
  2. 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      
hexo部落格添加本地搜尋功能

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      
hexo部落格添加本地搜尋功能

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      
hexo部落格添加本地搜尋功能

2.打開部落格在搜尋框中輸入内容就可以正常使用了。

4.總結