在HEXO主题中添加站内搜索

Posted 2022-06-22 zhyantao

操作步骤

1、在主题文件目录下的 source/js 目录下添加如下三个文件：

• main.js：修改 /path/to/search.js
• search.js：不做改动
• jquery.js：不做改动，如果没有这个文件，只添加上面两个会出现语法错误，出不来搜索结果。

2.、编辑主题文件目录下的 layout/layout.ejs，在 </body> 前加上下面两行代码：（需修改 src 路径）

<script src="/path/to/jquery.js"></script> <script src="/path/to/main.js"></script>

3、在主题文件目录下的 source/_partial/css 目录下添加如下一个文件：

• search.styl：不做改动

4、编辑主题文件目录下的 source/style.styl，在末尾加上下面一行代码：

@import "_partial/search";