为Hexo博客配置chrome地址栏搜索

阅读 244
收藏 15
2018-05-25
原文链接:github.com

使用koa2redis完成hexo博客chrome浏览器地址栏搜索

demo

首先访问一次i.jakeyu.top/

然后在chrome地址栏输入i.jakeyu.top,点击Tab进行搜索

Hexo配置

安装hexo-generator-search插件

npm install hexo-generator-search -S

_config.yml添加下面配置

search:
  path: localsearch.xml
  field: post

在博客source目录下创建sitesearch.xml

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<InputEncoding>utf-8</InputEncoding>
<ShortName>标题</ShortName>
<Description>描述</Description>
<Image height="16" width="16" type="image/x-icon">图标地址(例:https://xxx.com/favicon.ico)</Image>
<Url type="text/html" template="https://xxx.com/search?search={searchTerms}"/>
</OpenSearchDescription>

在博客源码中添加link

<link rel="search" type="application/opensearchdescription+xml" href="https://xxx.com/sitesearch.xml" title="Jake">

服务端配置

redis

需要安装redis,检查是否开启

配置文件config.js说明

module.exports = {
  index: 'https://i.jakeyu.top', // 网站首页
  link: 'https://i.jakeyu.top/archives/', // 归档页面地址
  searchFile: 'localsearch.xml',  // hexo-generator-search path配置
  port: 3500, //服务端口
  cronTime: '00 59 23 * * *', // 设置定时任务时间 参考 https://github.com/kelektiv/node-cron
  redis: {
    port: 6379, // redis 端口
    host: '127.0.0.1',  // redis 地址
    keyPreifx: 'searchDatas', // redis key
    expire: 30 // redis过期时间(s)
  },
  api: {
    search: '/search', // 搜索路由
    cache: '/search/cache' // 刷新缓存路由
  }
}

nginx

location /search {
  proxy_pass http://127.0.0.1:3500;
}

启动

git clone git@github.com:JakeLaoyu/hexo-browser-search.git
cd hexo-browser-search
npm i
npm i pm2 -g
pm2 start pm2.config.json

License

MIT © JakeLaoyu

评论