列表页搜索:支持标题、标签、文件名检索,以及通配符、title:/tags: 限定和模糊搜索
notebook-searcher — Hugo 博客模板
作者 cyrusn
基于 Hugo 的博客主题,在列表页提供标题、标签与文件名的搜索,并内置键盘导航、滚动监听目录及多种内容插件。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
全键盘导航,示例站点提供 Tips 说明
默认开启滚动监听目录,可在 front matter 中用 toc: false 关闭
内置 Katex、abcjs、mermaid 插件 shortcode,需在 front matter 显式启用
/slide 下的文章以 RemarkJS 幻灯片形式加载
模板详细介绍
Notebook Searcher 是一个面向 Hugo 的博客主题,仓库为 cyrusn/notebook-searcher,采用 MIT 许可。主题的定位是给笔记型博客加上站内搜索:在文章列表页可以直接输入关键词,搜索范围覆盖标题、标签和文件名,并支持通配符、title: 与 tags: 字段限定以及模糊搜索。
除搜索外,主题还提供全键盘导航(示例站点中有 Tips 说明导航方式)、默认开启的滚动监听目录(可在 front matter 中把 toc 设为 false 关闭),以及 Katex、abcjs、mermaid 三个插件和 RemarkJS 幻灯片支持。插件通过 shortcode 使用,文章需要在 front matter 中显式启用对应插件,相关依赖才会被加入页面;/slide 路径下的文章会以 RemarkJS 加载。
主题的第三方依赖(jQuery、Bootstrap、Font Awesome、lunr、remark、katex、abcjs、mermaid)以文件形式放在 static/ 目录,文件名中不含版本号,README 给出了各依赖的下载命令与当时记录的版本,更新依赖需要重新执行命令并同步该记录。仓库最后更新于 2018 年,示例站点通过 hugo serve -D --themesDir ../.. --source ./exampleSite 运行。
适合你的项目吗?
适用场景
- 为 Hugo 笔记或博客增加不依赖外部服务的站内搜索
- 在文章中嵌入数学公式、乐谱或流程图
- 用 Markdown 编写并直接以网页幻灯片形式展示内容
- 需要键盘操作与滚动定位目录的阅读场景
适合人群
- 使用 Hugo 构建、希望列表页可搜索的博客
- 以笔记、教程为主并需要公式或图表渲染的站点
- 接受手动管理 static/ 下第三方依赖文件的开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
示例站点运行命令:hugo serve -D --themesDir ../.. --source ./exampleSite
- 2
依赖文件位于 static/,文件名不含版本号,更新时按 README 的 wget 命令替换并同步记录版本
- 3
使用 Katex、abcjs、mermaid 等插件时,需在文章 front matter 中显式启用,依赖才会加入页面
- 4
目录默认开启,如需关闭在 front matter 中设置 toc: false
- 5
仓库最后更新于 2018 年,依赖版本较旧,使用前建议核对与当前 Hugo 的兼容性
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 使用 Katex、abcjs、mermaid 等插件时,必须在文章 front matter 中显式启用对应插件,否则相关依赖不会加入页面,插件无法生效。
- 只有位于 /slide 路径下的文章才会以 RemarkJS 幻灯片形式加载,其他路径的文章不会启用该幻灯片渲染。
- 目录默认开启,如需关闭必须在文章 front matter 中设置 toc: false。
- 第三方依赖以文件形式放在 static/ 目录且文件名不含版本号,需手动下载与更新,无法通过包管理器自动管理版本。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
The post must enable the plugin *explicitly* in front matter so the corresponding dependencies will be added to the page.
README 原文
Posts in `/slide` will be loaded with RemarkJS.
README 原文
TOC is enabled by default, set `toc` to `false` in front matter to disable it
README 原文
https://github.com/cyrusn/notebook-searcher/blob/master/LICENSE.mdhttps://github.com/cyrusn/notebook-searcher/blob/master/README.mdDependencies are placed in `static/`. Any versioning in file name is stripped.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-11。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 65 / 100
- 技术栈
- Hugo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2018-09-02
- 截图检查日期
- 2026-10-11
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-13
查看当时使用的来源资料
SHA-256: 95937c2021e323dba1e94c568407201a75abf3f2bd25a73d35a63898a1c3bb82
2026-10-11T19:22:36.865Z
来源文件 / 仓库# Notebook Searcher Searcher theme for [hugo](https://github.com/gohugoio/hugo) blog. ## Run the example site ``` sh # in `notebook-searcher/` hugo serve -D --themesDir ../.. --source ./exampleSite ``` # Features - search posts on list page - full keyboard navigation check `Tips` on example for navigation guide - TOC with scroll spy TOC is enabled by default, set `toc` to `false` in front matter to disable it - Katex plugin - abcjs plugin - mermaid plugin - RemarkJS slides Posts in `/slide` will be loaded with RemarkJS. See `exampleSite/slide/` for details. Several shortcodes are defined for the plugins. The post must enable the plugin *explicitly* in front matter so the corresponding dependencies will be added to the page. See `exampleSite/note/` for details. ## Search feature ``` # simply type the keyword to search words in title, tags or filename. e.g. `abcjs` # using wild card e.g. `abc*` # search keywords in title only e.g. `title: abcjs` # search keywords in tags only e.g. `tags: music` # fuzzy search # please note that lunrjs will return error message if you just type `~` # without number followed it e.g. abcde~2 ``` # Dependencies Dependencies are placed in `static/`. Any versioning in file name is stripped. `current version` below denotes the version in `static/`. To update dependencies, execute the following command and update `current version`. ## jQuery ```sh # current version v3.3.1 # jQuery for bootstrap (slim.min) wget https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js -O static/js/jquery.slim.min.js ``` ## Bootstrap ```sh # current version v4.1.1 # update from [Quick Start · BootstrapCDN by StackPath](https://www.bootstrapcdn.com/) wget https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js -O static/js/bootstrap.bundle.min.js wget https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css -O static/css/bootstrap.min.css ``` ## Font Awesome ```sh # current version v5.1.0 # [Getting Started | Font Awesome](https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=svg-with-js) wget https://use.fontawesome.com/releases/v5.1.0/js/all.js -O static/js/fontawesome-all.min.js ``` ## lunr ```sh # current version v2.3.0 # [lunr.js - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!](https://cdnjs.com/libraries/lunr.js/) wget https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.0/lunr.min.js -O static/js/lunr.min.js ``` ## remark ```sh # current version v0.14.0 # [Home · gnab/remark Wiki · GitHub](https://github.com/gnab/remark/wiki#getting-started) wget https://remarkjs.com/downloads/remark-latest.min.js -O static/js/remark-latest.min.js ``` ## katex ```sh # current version 0.10.0-beta # update auto-renderer # [GitHub - Khan/KaTeX: Fast math typesetting for the web.](https://github.com/Khan/KaTeX) # [KaTeX/README.md at master · Khan/KaTeX · GitHub](https://github.com/Khan/KaTeX/blob/master/contrib/auto-render/README.md) wget https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css -O static/css/katex.min.css wget https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.js -O static/js/katex.min.js wget https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/auto-render.min.js -O static/js/auto-render.min.js ``` ## abcjs ```sh # currrent version 5.1.2 # update abcjs # [paulrosen/abcjs: javascript for rendering abc music notation](https://github.com/paulrosen/abcjs) wget https://raw.github.com/paulrosen/abcjs/master/bin/abcjs_basic_5.1.2-min.js -O static/js/abcjs_basic-min.js ``` ## mermaid ```sh # currrent version 7.1.2 # update mermaid # [MermaidJS CDN](https://unpkg.com/[email protected]/dist/) wget https://unpkg.com/[email protected]/dist/mermaid.min.js -O static/js/mermaid.min.js ```
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hugo-PaperMod
PaperMod 是 Hugo 生态里知名度较高的主题之一,定位很明确:给博客和轻量作品集站点提供一套干净、响应式的阅读界面。
Hugo · 作品集

LoveIt
❤️A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
Hugo · 博客

hugo-coder
A minimalist blog theme for hugo.
Hugo · 博客

blowfish
Personal Website & Blog Theme for Hugo
Hugo · 博客

hugo-paper
🪺 A simple, clean, customizable Hugo theme
Hugo · 博客

hextra
Hextra 是一个 Hugo 主题,定位在文档站与博客之间:既提供侧边栏导航、目录、面包屑、分页这类文档站结构,也能承载博客内容。
Hugo · 文档
