在HEXO主题中添加站内搜索

操作步骤

  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 目录下添加如下一个文件:

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

    @import "_partial/search";

猜你喜欢

转载自www.cnblogs.com/toooney/p/10390389.html