简介

将 algolia 搜索功能集成到博客页面。需求来源于想要做一个菜品页面,方便自己查找烹饪过的菜以及方法,需要比较方便的搜索,以及具有良好的页面展示。

成果复盘

在对于 algolia 的熟悉了解过程中,发现这个产品的定制化功能比较齐全,但集成到 hexo,易用性还不足,需要在熟练掌握文档的基础上,进行改造。algolia 有免费计划可以用。

  1. 格式化源数据,并对数据进行处理。目前只能按照格式来编写菜品 md 文件。
  2. 通过 hexo-algoliaseach 来配置、上传数据到 algolia 后台。
  3. 将搜索框、结果页、分页组件挂载 DOM 上,并对其属性进行调试。
  4. 调试定制各组件样式表。
  5. 集成到 hexo 主题模板上。