Hexo 添加站内搜索

本文介绍了如何在Hexo博客中添加站内搜索功能,重点讲述了使用Swiftype作为第三方搜索服务的步骤。内容包括Swiftype的安装过程,以及在Hexo的jacman主题中集成Swiftype的教程链接,提供了15天的高级试用期。
摘要由CSDN通过智能技术生成

Hexo 添加站内搜索

环境

  • Windows 7 32bit
  • Hexo 3
  • jacman 主题

搜索方案

针对无数据库的静态博客搜索方案一般有两种:

  1. 第三方搜索服务;
  2. 序列化站点内容作为数据源,然后自己写查询方法。

本文主要讲第一点,第二点详见:
Hexo添加站内搜索功能初步完成

第三方搜索服务

基于搜索引擎的
包括 Google 和百度提供的站内搜索,比如 Hexo 文档中的辅助函数 search-form 就提供了一个 Google 搜索框。搜索结果取决于该搜索引擎对你站点的收录情况。
由于Google国内被墙,这种不考虑。

另外, Hexo 中有用户基础的 Swiftype 和 Algolia使用也比较多。
网上关于Algolia 在Next主题使用教程较多,这里不多说。

  • Algolia。
  • Swiftype

本文只介绍Swiftype.

Swiftype 安装很简单,关于其在 Hexo 中使用的文章介绍也很多。
本人博客就是采用这一种,可进站 体验

要为 Hexo 博客添加搜索功能,你可以使用第三方搜索引擎,如 Algolia 或 Google Custom Search。这里我们介绍如何使用 Algolia。 Algolia 是一个强大的搜索引擎,提供了易于使用的 API,可以轻松地将搜索功能添加到你的 Hexo 博客中。以下是如何为 Hexo 博客添加 Algolia 搜索的步骤: 1. 注册 Algolia 账户并创建一个应用程序。 2. 安装 Hexo Algolia 插件。 ``` npm install hexo-algolia --save ``` 3. 在博客根目录下创建一个名为 `algolia.json` 的配置文件,并填写以下内容: ``` { "applicationID": "YOUR_APP_ID", "apiKey": "YOUR_API_KEY", "indexName": "YOUR_INDEX_NAME" } ``` 将 `YOUR_APP_ID`、`YOUR_API_KEY` 和 `YOUR_INDEX_NAME` 替换为你在 Algolia 上创建的应用程序的信息。 4. 在你的 Hexo 主题中添加搜索框和搜索结果页面。 在主题的相应文件中添加以下代码: 搜索框: ```html <form class="search-form" method="get" action="/search/"> <input class="search-input" type="text" placeholder="Search" name="query"> <button class="search-submit" type="submit">Search</button> </form> ``` 搜索结果页面: ```html --- title: "Search Results" layout: "search" --- <section class="search-results"> {% for page in page.posts %} <article class="search-result"> <h2 class="search-result-title"><a href="{{ page.url }}">{{ page.title }}</a></h2> <p class="search-result-excerpt">{{ page.excerpt }}</p> </article> {% endfor %} </section> ``` 5. 重新生成站点并上传到你的服务器。 ``` hexo generate ``` 6. 同步你的博客数据到 Algolia 上。 ``` hexo algolia ``` 完成以上步骤后,你的 Hexo 博客就可以使用 Algolia 进行搜索了。当用户在搜索框中输入关键字并提交时,将会跳转到搜索结果页面,显示与关键字匹配的文章列表。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值