使用 Tailwind CSS 4 构建的响应式布局，提供多套配色方案并支持完全自定义
Hugo博客
blowfish — Hugo 博客模板
作者 nunocoracao
Blowfish 是一个基于 Hugo 与 Tailwind CSS 4 构建的个人网站与博客主题，强调轻量、简洁与内容优先，提供多配色、暗色模式、多首页布局以及 40 多个短代码等丰富功能。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-09-27查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
暗色模式支持强制开启、强制关闭或跟随用户切换，并配有浮动玻璃页头与 ⌘K / Ctrl+K 搜索快捷键
多种首页布局，包括带主视觉图、数据统计与功能网格的产品式落地页
内置 40 多个短代码，覆盖图库、时间线、GitHub 卡片、轮播、统计、功能网格、步骤与 CTA 按钮
集成 Mermaid 图表、Chart.js 图表、KaTeX 数学公式、TypeIt、Fuse.js 客户端搜索与 FontAwesome 6 图标
支持多语言内容（含 RTL）、多作者、文章系列、相关文章、嵌套菜单与第三方文章链接
模板详细介绍
Blowfish 是面向 Hugo 的个人网站与博客主题，使用 Tailwind CSS 4 构建，设计风格简洁、以内容呈现为核心。它支持多套配色方案与自定义颜色，暗色模式可强制开启、关闭或跟随用户切换；首页提供多种布局，包括带主视觉图、数据统计与功能网格的产品式落地页。主题内置浮动玻璃质感页头、⌘K / Ctrl+K 搜索快捷键、阅读进度条、Zen 阅读模式、可滚动目录以及打印样式，并支持多作者、文章系列、相关文章和按日期或权重排序。
内容层面，Blowfish 提供 40 多个短代码，覆盖图库、时间线、GitHub 卡片、轮播、统计、功能网格、步骤和 CTA 按钮等；同时集成 Mermaid 图表、Chart.js 图表、KaTeX 数学公式、TypeIt 打字效果、Fuse.js 客户端搜索以及 FontAwesome 6 图标。主题支持多语言内容（含 RTL 语言）、嵌套菜单与子导航、第三方文章链接、RSS、评论、Fathom 与 Google Analytics，并可通过 Hugo Pipes 自动缩放图片。
安装方式包括 git submodule、Hugo Module 与手动安装，官方还提供 blowfish-tools CLI 以及面向 AI 编码代理的 agent skill。主题要求 Hugo 0.162.0 或更高版本，采用 MIT 许可证，并附带完整文档。
Hugo博客
适合你的项目吗？
适用场景
- 搭建以文章为核心的 Hugo 个人博客，需要阅读进度条、Zen 模式与可滚动目录
- 创建个人作品集或产品式落地页，使用带主视觉图、统计与功能网格的首页布局
- 编写包含图表、数学公式、代码块与图库的技术文章或教程
- 运营多语言、多作者的博客或内容站点，并需要文章系列与相关文章功能
- 为现有 Hugo 站点更换主题，并希望保留 RSS、评论与站点搜索能力
适合人群
- 使用 Hugo 构建个人网站或博客的开发者与写作者
- 需要多语言、多作者内容组织的站点维护者
- 希望在文章中嵌入图表、数学公式与丰富短代码的技术博主
- 偏好 Tailwind CSS 并需要高度可配置主题的前端开发者
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
需要 Hugo 0.162.0 或更高版本，并提前创建好 Hugo 项目
- 2
可通过 git submodule、Hugo Module 或手动方式安装，也可使用 blowfish-tools CLI 引导配置
- 3
安装后需删除 Hugo 生成的 hugo.toml，并将主题的 *.toml 配置文件复制到 config/_default/ 目录
- 4
主题附带面向 AI 编码代理的 agent skill，可从 Claude Code 插件市场安装或复制到 .claude/skills/blowfish/
- 5
从 v2 升级到 v3 时，Hugo Module 用户需将 module.toml 中的导入路径由 /v2 改为 /v3
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中的免费 MIT 版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。
使用时需要遵守
- 使用、修改或分发代码时，保留原作者版权声明和完整 MIT 许可证。
- 允许免费使用、修改及商用，也允许分发代码；分发时仍需随附版权与许可声明。
- 代码按现状提供，作者不承诺担保或承担使用责任。
额外费用与待核对事项
- README 提及 Firebase 集成；启用相关动态功能前需自行配置，并核对 Firebase 的额度与收费。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/nunocoracao/blowfish/blob/main/LICENSEhttps://github.com/nunocoracao/blowfish/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
依据完整 MIT 许可证与仓库 README 核对 · 2026-09-27。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 89 / 100
- 技术栈
- Hugo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-13
- 截图检查日期
- 2026-09-14
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
仓库文件核对
检查日期: 2026-09-30 · 仅核对文件，未安装依赖或运行测试。
声明的依赖版本范围
- tailwindcss
^4.3.3
声明的 npm 脚本名（未执行）：postinstall · assets · dev · build · dev-windows · build-windows · build-hugo · example · example:core · example:production · lighthouse
介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
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 · 博客
hugo-paper
🪺 A simple, clean, customizable Hugo theme
Hugo · 博客
hextra
Hextra 是一个 Hugo 主题，定位在文档站与博客之间：既提供侧边栏导航、目录、面包屑、分页这类文档站结构，也能承载博客内容。
Hugo · 文档
Congo
Congo 是一款为 Hugo 设计的现代内容主题，核心定位是让内容本身成为页面焦点。 它基于 Tailwind CSS 3.0 构建，整体布局完全响应式，视觉风格干净且克制，没有多余装饰。
Hugo · 博客