博客的搜索功能
博客文章数量越来越多, 偶尔想到某个词, 想找到是哪篇文章只能搜源码.
于是完善了博客的搜索功能.
我直接用了别人的方案, 相信以后大概率会忘记, 所以要记录一下思路.
需要搜索, 就必须有搜索目标, 众所周知浏览器是不能读文件的, 那就需要把所有搜索目标弄成静态的.
然后在搜索框是加一些js和css就行了.
流程
生成静态资源
这个插件做的是: 调用hexo的generator api获取到所有文章内容, 并写成一个静态文件.
搜索方式
生成的静态文件可以通过url被访问到, 所以可以通过get方式在浏览器运行时获取资源.
其他零碎的活
剩下的事就是: 编写html, js, css, 并插入到合适的位置.
(本文完)
如果你觉得本文对你有帮助, 你可以请我喝一杯咖啡
本文遵循cc协议
你可以在注明出处和非商用的前提下任意复制及演绎