前言
啊,事情是这样的,我呢平常就是闲得无聊,昨天打算搞一搞博客,看看有什么更新的。 然后我就想到博客还没有搜索这个东西,所以我就打算配置下搜索,不然的话有时候找东西实在太难找了。 (而且也很多人跟我说过,一直咕咕咕罢了QAQ)
搭建的时候呢我试过两个插件,一个是“本地搜索”,而另外一个就是我现在用的“Algolia”搜索引擎。
搭建
搭建成品图
介绍
本篇目说的是 Algolia 搜索引擎的搭建。
Algolia 是一家为网站与移动应用提供托管式搜索API的初创企业,成立于2012年,总部位于旧金山,曾参加过2014年的YC训练营。 网站或移动应用只需嵌入 简单代码数分钟即可实现搜索 功能。
过程
准备
本片文章是对Hexo博客系统做文章,如果是其他博客系统本篇未写
首先嘞,你需要这插件(其中任选其一即可。不可都选)
- hexo-algolia
- hexo-algoliasearch
如果你选择了第一个请查阅该作者的Github配置,然后可以酌情结合本博文。如果你选择第二个,可以完全按照我这个方向走
Hexo安装
安装代码(这个就很简单了吧,不用我多说了吧)
代码语言:javascript复制npm install hexo-algoliasearch --save
然后到你的Hexo下的根目录中的 “_config.yml” 最下面添加如下内容(其中XXXXXX是需要填写自己的内容)
代码语言:javascript复制algolia:
appId: "XXXXXX"
apiKey: "XXXXXX"
adminApiKey: "XXXXXX"
chunkSize: 5000
indexName: "XXXXXX"
fields:
- content:strip:truncate,0,500
- excerpt:strip
- gallery
- permalink
- photos
- slug
- tags
- title
注册账号
然后你需要到Algolia的官网去注册一个账号
官网:https://www.algolia.com/
然后确认邮件信息(验证账号)
然后填写信息,公司名字随意,手机号码是对的就行,一般不会给你打电话
然后就是填写最近的数据中心,你可以慢慢看。不过我建议直接香港最快啦。
创建库
添加API参数
在左手边找到 API Keys 的菜单,点进去。 在这里你可以看到的
- Application ID
- Search-Only API Key
- Admin API Key
- Usage API Key
- Monitoring API Key
而我们需要的只有上方加粗部分
参数 | Type | 描述 |
---|---|---|
appId | String | 填入Application ID |
apiKey | String | 填入Search-Only API Key |
adminApiKey | String | 填入Admin API Key |
chunkSize | Number | 一般默认,官方给的描述(Records/posts are split in chunks to upload them. Algolia recommend to use 5000 for best performance. Be careful, if you are indexing post content, It can fail because of size limit. To overcome this, decrease size of chunks until it pass.) |
indexName | String | 填入你创建的库名称(即 Indices 下创建的名称) |
fields | List | 默认 |
例子
这是我的 Algolia官网数据
_config.yml配置
同步数据
数据需要手动上传,而不能直接 hexo g -d 自动同步那样 但是你也不用慌,他有一条代码可以直接上传
代码语言:javascript复制hexo algolia
如果嫌代码一个个输入太麻烦了,那就整合下。
代码语言:javascript复制hexo clean && hexo g -d && hexo algolia
此代码,清除缓存,上传,上传搜索引擎直接一步到位啦~
好了,完了。给我点个赞呗(点锤子)