基于 Hugo 主题 Blowfish 做大幅定制
blowfish-with-gallery — Hugo 博客模板
作者 crabcracker
基于 Hugo 主题 Blowfish 的深度定制版本,加入来自 Track3 个人博客的相册(Gallery)组件,适合搭建带图片画廊的 Hugo 博客。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
整合 Track3 个人博客 Zakee's Planet 的 Gallery 相册元素
附带来源为 Track3 博客的示例相册内容
仓库代码采用 MIT 许可
README 记录了 GitHub Pages 项目站点下相册缩略图路径问题的处理方式
模板详细介绍
这是一个 Hugo 博客主题模板,仓库说明它是在 Hugo 主题 Blowfish 基础上做了大幅定制,并把 Track3 个人博客 Zakee's Planet 中的 Gallery 相册元素整合进来。因此它同时具备 Blowfish 的博客页面结构和一套以图片缩略图为主的相册首页。
模板附带示例相册内容,来源为 Track3 的个人博客,采用 CC BY-NC 4.0 许可;仓库代码本身采用 MIT 许可。README 特别提示了一个部署限制:当 Hugo 博客的 baseURL 使用 GitHub Pages 项目站点形式(https://<username>.github.io/<repository>)时,相册首页的缩略图会因路径不正确而无法正常显示。仓库给出的临时做法是在 Gallery/photo folder/index.md 中为每张预览图的文件链接前加上仓库名,例如把 /gallery/2020-06-20/DSCF2839_t.webp 改为 /blowfish-with-gallery/gallery/2020-06-20/DSCF2839_t.webp;如果改用用户站点形式(https://<username>.github.io)或自定义域名作为 baseURL,则需要把上述改动还原。
README 的致谢部分列出了 nunocoracao/blowfish、Track3/blog 和 lxgw/LxgwWenKai 三个来源。仓库未提供更多关于配置项、功能范围或维护状态的说明。
适合你的项目吗?
适用场景
- 搭建带图片相册页面的 Hugo 个人博客
- 在 Blowfish 主题基础上试验相册组件的定制
- 以 GitHub Pages 托管 Hugo 博客并展示图片缩略图
适合人群
- 使用 Hugo 的博客作者
- 需要图片画廊页面的个人站点
- 愿意按 README 提示调整图片路径的部署者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
使用 GitHub Pages 项目站点作为 baseURL 时,需在 Gallery/photo folder/index.md 中为每张预览图链接加上仓库名前缀
- 2
改用用户站点或自定义域名作为 baseURL 时,需还原上述路径改动
- 3
示例相册内容来自 Track3 博客,采用 CC BY-NC 4.0 许可,使用前需核对
- 4
仓库代码为 MIT 许可,分发时需保留版权与许可声明
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 仓库附带的 Gallery 示例相册内容来自 Track3 的个人博客,采用 CC BY-NC 4.0 许可,仅限非商业使用;若用于商业用途需自行替换或另行取得授权,该许可与仓库代码的 MIT 许可不同。
- 当 Hugo 博客的 baseURL 使用 GitHub Pages 项目站点形式(https://<username>.github.io/<repository>)时,相册首页缩略图会因路径不正确而无法正常显示,需按 README 提示手动调整图片链接。
- 若改用 GitHub Pages 用户站点形式(https://<username>.github.io)或自定义域名作为 baseURL,则必须把前述为预览图链接添加仓库名前缀的改动还原,否则路径同样会出错。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
The sample content in the Gallery comes from Track3's personal blog [Zakee's Planet](https://github.com/Track3/blog), which is licensed under the Creative Commons BY-NC 4.0 license.
README 原文
When using the GitHub Pages link `https://<username>.github.io/<repository>` in the form of a project site as the baseURL for a Hugo blog, the thumbnail images on the Gallery homepage cannot be displayed properly due to incorrect paths.
README 原文
https://github.com/crabcracker/blowfish-with-gallery/blob/main/LICENSEhttps://github.com/crabcracker/blowfish-with-gallery/blob/main/README.mdIf you use user site format of GitHub Pages link `https://<username>.github.io`, or custom domain as baseURL for your Hugo blog, you need to reverse the aforementioned changes.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-11。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 65 / 100
- 技术栈
- Hugo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2023-03-31
- 截图检查日期
- 2026-10-11
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-13
查看当时使用的来源资料
SHA-256: 4865de66aa9844304e681ef825a98669e204668ad4a02f03b19901ee0a886f08
2026-10-11T21:35:24.265Z
来源文件 / 仓库# blowfish-with-gallery  [](https://gohugo.io) A radically customized version of Hugo theme [blowfish](https://github.com/nunocoracao/blowfish), incorporating the Gallery element from [Track3](https://github.com/Track3)’s personal blog [Zakee's Planet](https://github.com/Track3/blog). ## Notice When using the GitHub Pages link `https://<username>.github.io/<repository>` in the form of a project site as the baseURL for a Hugo blog, the thumbnail images on the Gallery homepage cannot be displayed properly due to incorrect paths. The temporary solution adopted by this repository is to add the repository name before the file link of each preview image in `Gallery/photo folder/index.md`, such as changing `/gallery/2020-06-20/DSCF2839_t.webp` to `/blowfish-with-gallery/gallery/2020-06-20/DSCF2839_t.webp`. If you use user site format of GitHub Pages link `https://<username>.github.io`, or custom domain as baseURL for your Hugo blog, you need to reverse the aforementioned changes. The sample content in the Gallery comes from Track3's personal blog [Zakee's Planet](https://github.com/Track3/blog), which is licensed under the Creative Commons BY-NC 4.0 license. ## Thanks - [nunocoracao/blowfish](https://github.com/nunocoracao/blowfish) - [Track3/blog](https://github.com/Track3/blog) - [lxgw/LxgwWenKai](https://github.com/lxgw/LxgwWenKai)
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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 · 文档
