Hexo+Next集成Algolia搜索

OBKoro1 發布于2019-08-29 18:33 / 547人閱讀

摘要：集成搜索起因現在收費了，也沒有免費版本。搜索體驗不好，微搜索官網上描述太少所以選擇。之后若未續費會自動降級為免費賬戶，免費賬戶總共有條記錄，每月有的可以操作數。接下來需要安裝擴展，這個擴展的功能是搜集站點的內容并通過發送給。

集成Algolia搜索

起因Swiftype現在收費了，也沒有免費版本。Local Search搜索體驗不好，微搜索Next官網上描述太少！所以選擇Algolia。
注：Algolia搜索在版本 5.1.0 中引入，要使用此功能請確保所使用的 NexT 版本在此之后

首先注冊Algolia賬戶

Algolia 登陸頁面https://www.algolia.com/users/sign_in，可以使用 GitHub 或者 Google 賬戶直接登錄，也可以注冊一個新賬戶。我直接用谷歌賬戶登陸了，注冊后的 14 天內擁有所有功能（包括收費類別的）。之后若未續費會自動降級為免費賬戶，免費賬戶總共有 10,000 條記錄，每月有 100,000 的可以操作數。

注冊完成后，創建一個新的 Index，這個 index name 之后會用到

Index 創建完成后，此時這個 Index 里未包含任何數據。接下來需要安裝 Hexo Algolia 擴展，這個擴展的功能是搜集站點的內容并通過 API 發送給 Algolia。前往站點根目錄，執行命令安裝：

npm install hexo-algolia --save  # 目前最新版本是1.2.4，下面的操作都是基于這個版本的文檔

獲取 Key，更新站點根目錄配置

前往站點根目錄打開_config.yml添加以下代碼

# Algolia Search API Key
algolia:
  applicationID: "你的Application ID"
  apiKey: "你的Search-Only API Key"
  indexName: "輸入剛才創建index name"

修改Algolia搜索ACL（訪問控制列表）

選中后保存。

操作完成后執行命令

 export(windows 為 set) (Powershell 用 $env:) HEXO_ALGOLIA_INDEXING_KEY=你的Search-Only API key
 set (Mac和git bash 為 export) (Powershell 用 $env:) HEXO_ALGOLIA_INDEXING_KEY     #查看是否設置成功如果沒有值就設置失敗
 hexo algolia

成功后修改Next主題配置文件

更改Next主題配置文件，找到 Algolia Search 配置部分：

# Algolia Search
algolia_search:
  enable: true
  hits:
    per_page: 10
  labels:
    input_placeholder: Search for Posts
    hits_empty: "我們沒有找到任何搜索結果: ${query}"
    hits_stats: "找到約${hits}條結果（用時${time}ms）"

將 enable 改為 true 即可，根據需要你可以調整 labels 中的文本。這個是我修改的文本。

總結一下集成遇到的BUG Please provide an Algolia index name in your hexo _config.yml flle

原因：Algolia Search API Key indexName 錯了

解決方案：看下之前新建index的名字

Not enough rights to update an object near

原因：沒有修改Algolia搜索ACL（訪問控制列表）

解決方案：按1.4操作勾選上就可以

移動端遮罩蓋住搜索

原因：遮罩的z-index值太高，我的next主題是5.1.3版本可能其他版本沒有這個BUG

解決方案：找到themesnextsourcecss_commoncomponentsthird-party 下面的algolia-search.styl 文件第8行追加

  +mobile()
    z-index: 1000

我的博客和github地址

http://blog.langpz.com

https://github.com/lanpangzhi

參考

http://theme-next.iissnan.com/third-party-services.html#algolia-search
https://github.com/oncletom/hexo-algolia

GPU云服務器云服務器 Algolia -next Next next.js

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114403.html

Hexo+Next集成Algolia搜索

摘要：集成搜索起因現在收費了，也沒有免費版本。搜索體驗不好，微搜索官網上描述太少所以選擇。之后若未續費會自動降級為免費賬戶，免費賬戶總共有條記錄，每月有的可以操作數。接下來需要安裝擴展，這個擴展的功能是搜集站點的內容并通過發送給。集成Algolia搜索起因Swiftype現在收費了，也沒有免費版本。Local Search搜索體驗不好，微搜索Next官網上描述太少！所以選擇Algolia...

suxier 2019-08-02 16:12 評論0 收藏0
Hexo+Next集成Algolia搜索

摘要：集成搜索起因現在收費了，也沒有免費版本。搜索體驗不好，微搜索官網上描述太少所以選擇。之后若未續費會自動降級為免費賬戶，免費賬戶總共有條記錄，每月有的可以操作數。接下來需要安裝擴展，這個擴展的功能是搜集站點的內容并通過發送給。集成Algolia搜索起因Swiftype現在收費了，也沒有免費版本。Local Search搜索體驗不好，微搜索Next官網上描述太少！所以選擇Algolia...

darkbaby123 2019-08-23 16:49 評論0 收藏0
Hexo+Next集成Algolia搜索

摘要：集成搜索起因現在收費了，也沒有免費版本。搜索體驗不好，微搜索官網上描述太少所以選擇。注搜索在版本中引入，要使用此功能請確保所使用的版本在此之后。之后若未續費會自動降級為免費賬戶，免費賬戶總共有條記錄，每月有的可以操作數。集成Algolia搜索起因Swiftype現在收費了，也沒有免費版本。Local Search搜索體驗不好，微搜索Next官網上描述太少！所以選擇Algolia。注...

Rainie 2019-08-23 17:51 評論0 收藏0
2017年最新基于hexo搭建個人免費博客——從零開始

摘要：前言搭建此博客是因為通過上了解到進而知道了可以把靜態網頁博客托管給倉庫或許您已經通搭建個人博客網站了解到如何通過實現個人博客網站的建立。但是盡管您已經成功建立博客網站，但是你需要對網站做合適的配置和調整才能迎合你的網站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言搭建...

Paul_King 2019-08-29 12:14 評論0 收藏0