Hugo博客

notebook-searcher — Hugo 博客模板

作者 cyrusn

基于 Hugo 的博客主题,在列表页提供标题、标签与文件名的搜索,并内置键盘导航、滚动监听目录及多种内容插件。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-11查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

列表页搜索:支持标题、标签、文件名检索,以及通配符、title:/tags: 限定和模糊搜索

02

全键盘导航,示例站点提供 Tips 说明

03

默认开启滚动监听目录,可在 front matter 中用 toc: false 关闭

04

内置 Katex、abcjs、mermaid 插件 shortcode,需在 front matter 显式启用

05

/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博客

适合你的项目吗?

适用场景

  • 为 Hugo 笔记或博客增加不依赖外部服务的站内搜索
  • 在文章中嵌入数学公式、乐谱或流程图
  • 用 Markdown 编写并直接以网页幻灯片形式展示内容
  • 需要键盘操作与滚动定位目录的阅读场景

适合人群

  • 使用 Hugo 构建、希望列表页可搜索的博客
  • 以笔记、教程为主并需要公式或图表渲染的站点
  • 接受手动管理 static/ 下第三方依赖文件的开发者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    示例站点运行命令:hugo serve -D --themesDir ../.. --source ./exampleSite

  2. 2

    依赖文件位于 static/,文件名不含版本号,更新时按 README 的 wget 命令替换并同步记录版本

  3. 3

    使用 Katex、abcjs、mermaid 等插件时,需在文章 front matter 中显式启用,依赖才会加入页面

  4. 4

    目录默认开启,如需关闭在 front matter 中设置 toc: false

  5. 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 原文

Dependencies are placed in `static/`. Any versioning in file name is stripped.

README 原文
https://github.com/cyrusn/notebook-searcher/blob/master/LICENSE.mdhttps://github.com/cyrusn/notebook-searcher/blob/master/README.md

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 
```
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。