本文最后更新于 126 天前 ，文中信息可能已经过时。如有问题请在评论区留言。

官方文档: Search Page

PaperMod 使用 Fuse.js Basic 实现搜索功能

Hugo 配置

修改 Hugo 配置，添加 JSON 配置以启用搜索。参考如下：

yaml
config.yml
1
2
3
4
5

outputs:
  home:
    - HTML
    - RSS
    - JSON # 添加此项

搜索页面

新建文件 search.md，内容参考如下：

markdown
content/search.md
1
2
3
4
5
6
7

---
title: "Search" # in any language you want
layout: "search" # 对应 search.html，不要修改
description: "Description for Search"
summary: "search"
placeholder: "placeholder text in search input box"
---

重新启动 hugo server -D，就可以通过 http://localhost:1313/search 进入到搜索页面。

搜索配置

搜索隐藏

如果不希望某篇文章被搜索，可在文章 frontmatter 中添加：

markdown
1

searchHidden: true

Fuse.js Options

参考：https://fusejs.io/api/options.html

本站搜索配置变更参考：

yaml
config.yml
1
2
3
4
5
6
7
8
9

params:
  fuseOpts:
    isCaseSensitive: false
    shouldSort: true
    location: 0
    distance: 1000
    threshold: 0.0 # 完全匹配。PaperMod 默认为 0.4
    minMatchCharLength: 0
    keys: ["title", "permalink", "summary", "content"]

个性化

个性化内容参考其他博主，请点击相应链接前往，如有疑问可在评论区留言。

搜索页添加标签

教程参考
PaperMod 搜索页展示标签列表 —— loyayz

搜索页添加分类

教程参考
PaperMod 搜索页展示系列列表 —— loyayz