蓝白色调的 Hugo 主题,仓库内含列表页与文章页截图
hugo-theme-geppaku — Hugo 工具站模板
作者 masa0221
hugo-theme-geppaku 是 masa0221 为 Hugo 静态网站生成器开发的蓝白色调主题,采用 MIT 许可,支持作者信息、社交分享按钮与 Google AdSense 等可选配置。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
通过 config.toml 配置站点标题、语言、Google Analytics 与 Disqus
可选 author 区块,支持展示姓名及 twitter、linkedin、github、tumblr 账号
可选分享按钮,覆盖 twitter、facebook、tumblr、google、pocket,并预留 hatena
可选 Google AdSense 支持,通过 layouts/partials 下的自定义模板插入侧边栏与正文广告
附带 exampleSite 示例站点,便于对照配置与内容结构
模板详细介绍
Geppaku 是一个面向 Hugo 静态网站生成器的主题,作者在 README 中将其描述为「蓝白色调」。主题仓库提供了列表页与文章页的截图,并附带 exampleSite 示例站点,可用于参考配置与内容组织方式。
安装方式为在项目根目录创建 themes 目录,并将仓库克隆为 hugo-theme-geppaku,然后在站点配置中指定 theme。配置示例基于 config.toml,包含 baseurl、languageCode、title、googleAnalytics、disqusShortname 等基础项,以及 author 与 params 两个可选区块。
author 区块用于展示作者信息,可填写 name,以及 twitter、linkedin、github、tumblr 账号 ID。params 下包含 sharebutton 与 adsense 两组配置:sharebutton 可分别开关 twitter、facebook、tumblr、google、pocket 分享按钮,另有被注释掉的 hatena(日本社交服务),启用 facebook 时需提供 facebookAppId;adsense 通过指定 layouts/partials 下的模板文件路径,在侧边栏与正文位置插入广告代码。README 说明这些均为可选参数,不需要时应删除。
内容方面,文章以 Markdown 文件形式创建,front matter 示例包含 date、draft、title、slug、categories、tags 字段。README 未说明主题的响应式行为、浏览器兼容范围或性能表现,这些方面需自行查看源码与示例站点确认。
适合你的项目吗?
适用场景
- 使用 Hugo 搭建以文章列表和文章详情为主的博客站点
- 需要在文章页提供社交分享按钮的站点
- 希望通过配置文件接入 Google Analytics、Disqus 或 Google AdSense 的站点
- 想参考 Hugo 主题配置与示例站点结构进行二次修改的项目
适合人群
- 使用 Hugo 静态网站生成器的开发者
- 偏好蓝白色调、简洁文章列表与详情布局的博客作者
- 需要按 MIT 许可自由修改和分发主题代码的用户
- 希望以示例站点为基础自行调整配置与模板的开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
在项目根目录执行 mkdir themes 并进入该目录,将仓库克隆为 hugo-theme-geppaku
- 2
在 config.toml 中设置 theme = "hugo-theme-geppaku",并按需填写 baseurl、languageCode、title 等基础项
- 3
author 与 params 下的 sharebutton、adsense 均为可选,不需要的参数应删除;启用 facebook 分享需提供 facebookAppId
- 4
使用 AdSense 时需先把广告标签写入 layouts/partials 目录,再在配置中填写省略该目录前缀的文件路径
- 5
文章通过 hugo new post/... 创建 Markdown 文件,front matter 可使用 date、draft、title、slug、categories、tags 字段
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 启用 Facebook 分享按钮时,需自行提供 Facebook App ID(facebookAppId),即依赖外部 Facebook 服务与账号配置。
- 使用 Google AdSense 广告位时,需自行创建并写入 AdSense 标签模板文件,并依赖外部 Google AdSense 服务与账号。
- 如需站点统计或评论功能,需自行填写 Google Analytics 与 Disqus 的账号标识,属于外部第三方服务。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Please set id when you want to display facebook facebookAppId = "your app id"
README 原文
# 1. Create file written of the adsense tag into the directory "layouts/partials"
README 原文
https://github.com/masa0221/hugo-theme-geppaku/blob/master/LICENSE.mdhttps://github.com/masa0221/hugo-theme-geppaku/blob/master/README.mdgoogleAnalytics = "" disqusShortname = ""
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 72 / 100
- 技术栈
- Hugo
- 网站类型
- 工具站
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2022-02-01
- 截图检查日期
- 2026-10-02
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 8e61a23d29b59b6f450f23a358303eaf29eebc8725e14c9b040fd51e5741366d
2026-10-02T08:06:32.702Z
来源文件 / 仓库Geppaku
=============================
Geppaku is bluish white theme for [Hugo](http://gohugo.io/).
Note that it is not in the "Seppuku".
I'm not Samurai.
Please check [http://2626.info/](http://2626.info/), if you are interested in this theme.
## Screenshot
### Index page

### Post page

## Installation
```
$ mkdir themes
$ cd themes
$ git clone https://github.com/masa0221/hugo-theme-geppaku hugo-theme-geppaku
```
See the Hugo documentation for more information.
## Config
Example of config.toml file:
```toml
baseurl = "http://your-site-here/"
languageCode = "en-us"
title = "your site title"
theme= "hugo-theme-geppaku"
googleAnalytics = ""
disqusShortname = ""
[author]
# If you want to display author information set these
# This is Optional values
name = "Your name"
# Please set account ids
# This is Optional values
twitter = "your twitter id"
linkedin = "your linkedin id"
github = "your github id"
tumblr = "your tumblr id"
[params]
[params.sharebutton]
# If you want to display share buttons set these
# This is Optional values
twitter = true
facebook = true
tumblr = true
# hatena = true # hatena is Japanese social media
google = true
pocket = true
# Please set id when you want to display facebook
facebookAppId = "your app id"
[params.adsense]
# If you want to display Google adsense set these
# This is Optional values
# 1. Create file written of the adsense tag into the directory "layouts/partials"
# 2. Please set file path name omitted "layouts/partials"
sidebar = "adsense/sidebar.html"
content = "adsense/content.html"
```
You can delete optional parameter.
Please delete unnecessary parameter.
### Post
Create markdown file:
```sh
hugo new post/2016/05/hello-hugo.md
```
Example of the markdown file:
```md
+++
date = "2016-04-30T16:44:45+09:00"
draft = false
title = "Hello Hugo!"
slug = "hello-hugo"
categories = ["tech"]
tags = [
"hugo",
"golang",
]
+++
Hello Hugo!
```
### Example
Please check sample.
[https://github.com/masa0221/hugo-theme-geppaku/tree/master/exampleSite](
https://github.com/masa0221/hugo-theme-geppaku/tree/master/exampleSite)
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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

doks
Doks 是 Thulite 生态下的文档主题,底层是 Hugo 静态站点生成器。 它把重点放在长文阅读体验上:极简且响应式的布局、为文档优化的排版,以及代码块语法高亮,整体更接近技术手册的形态,而不是通用营销页模板。
Hugo · 工具站

hugo-theme-introduction
Minimal, single page, smooth-scrolling theme for Hugo static site generator.
Hugo · 作品集

lotusdocs
📖 A free, lightweight, modern documentation theme for Hugo
Hugo · 文档

airspace-hugo
Airspace Hugo theme for multipurpose use, like Portfolio, Blog, Business.
Hugo · 作品集

kross-hugo
Kross is a creative, sleek and modern personal portfolio Hugo theme with a gorgeous appearance.
Hugo · 作品集
