思考啊SIKAOA
3 分钟阅读幻灯片

搜索与 Wiki:让 3500 篇文章互相连接

今天给博客加了两个挺实用的功能:搜索和 Wiki 知识库。

说到这个

以前文章多了,找东西真费劲。现在好了,3500 多篇文章也能快速定位,不只是看标题,正文也能搜到。

第一个坑

一开始就想清楚:光有搜索不够,得让用户知道该搜啥。所以加了热门关键词提示,还能看到相关词推荐。

回到正题

前端用的是 fuse.js,轻量又强大,支持模糊匹配,哪怕拼错字也能找到。结果按相关性排序,关键词还会高亮显示,一眼就能看出为什么这条被选中。

交互细节

点个搜索按钮,弹出模态框,输入就实时出结果。上下键选条目,回车确认,Esc 关闭——这些小动作都安排上了,用起来顺手多了。

再说 Wiki

很多人读完一篇就走,其实文章之间早就串起来了。现在通过 Wiki 页面,能把同一概念的文章聚在一起,形成知识网络。

怎么做的

先从每篇文章里扒关键词,比如“时间记录”、“语音写作”这种高频词。然后为每个词建个独立页面,自动聚合所有提到它的文章。

Wiki 页面长什么样

  • 一段简短定义(从文章里摘的)
  • 所有相关文章列表
  • 还带几个相关的概念链接

实例看看

比如“时间记录”这个 Wiki 页面,把所有讲时间管理、打卡、番茄钟的文章都收进来了。
“阅读笔记”也一样,读书心得、书摘、思考全都在一块儿。
“语音写作”更是直接串联起我写过的语写相关内容。

技术实现不复杂

搜索这块,构建时生成索引文件,只存标题、摘要和正文前 500 字,加载快,本地跑也不卡顿。

Wiki 部分更简单,预设好关键词列表,扫描所有文章统计出现次数,自动生成静态页,不用额外服务器。

最后一句话

上线之后,博客不再是干巴巴的文章列表,而是变成了一个可以主动探索的知识地图。你想学什么,顺着链接往下走,慢慢就能深入进去。