Hugo:添加搜索、归档、分类

说明

仅以stack主题为例。stack主题原生支持搜索。只不过要稍做配置。

官方文档关于这一点就简单提及了一下,实际上除了修改配置文件,还要添加搜索界面。害我弄了好久。

配置搜索功能和归档页面小组件

首先确保在配置文件中开启了此功能。

widgets:
	enabled:
        - search
        - archives
        - tag-cloud

然后将主题文件夹- exampleSite文件夹中content\page里的文件复制到站点目录对应的文件夹里面。

├─content
│  ├─page #到这里
│  │      about.md
│  │      archives.md
│  │      search.md
└─themes
    └─hugo-theme-stack
        ├─exampleSite
        │  └─content
        │      ├─page #复制这里面的文件
        │      │      about.md
        │      │      archives.md
        │      │      search.md 

配置搜索小组件时,发现每一次使用小组件都会先跳转到搜索界面,但是不显示搜索结果,需要回车一次才会显示结果,所以之后干脆把小组件去掉了。

配置分类小组件

新版主题删除了(?)这一功能?

详情请参阅参考文献1

其他主题配置方式

参考文献2-3

附录

参考文献

  1. 给hugo添加搜索功能 | 搜百谷 (sobaigu.com)

  2. Add Search to a Hugo site with Lunr.js and Node.js · Code with Hugo

版权信息

本文原载于kermsite.com,复制请保留原文出处。