Hugo工具站

hugo-theme-geppaku — Hugo 工具站模板

作者 masa0221

hugo-theme-geppaku 是 masa0221 为 Hugo 静态网站生成器开发的蓝白色调主题,采用 MIT 许可,支持作者信息、社交分享按钮与 Google AdSense 等可选配置。

看看你的网站会是什么样

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

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

01

蓝白色调的 Hugo 主题,仓库内含列表页与文章页截图

02

通过 config.toml 配置站点标题、语言、Google Analytics 与 Disqus

03

可选 author 区块,支持展示姓名及 twitter、linkedin、github、tumblr 账号

04

可选分享按钮,覆盖 twitter、facebook、tumblr、google、pocket,并预留 hatena

05

可选 Google AdSense 支持,通过 layouts/partials 下的自定义模板插入侧边栏与正文广告

06

附带 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工具站

适合你的项目吗?

适用场景

  • 使用 Hugo 搭建以文章列表和文章详情为主的博客站点
  • 需要在文章页提供社交分享按钮的站点
  • 希望通过配置文件接入 Google Analytics、Disqus 或 Google AdSense 的站点
  • 想参考 Hugo 主题配置与示例站点结构进行二次修改的项目

适合人群

  • 使用 Hugo 静态网站生成器的开发者
  • 偏好蓝白色调、简洁文章列表与详情布局的博客作者
  • 需要按 MIT 许可自由修改和分发主题代码的用户
  • 希望以示例站点为基础自行调整配置与模板的开发者

上手与定制指南

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

  1. 1

    在项目根目录执行 mkdir themes 并进入该目录,将仓库克隆为 hugo-theme-geppaku

  2. 2

    在 config.toml 中设置 theme = "hugo-theme-geppaku",并按需填写 baseurl、languageCode、title 等基础项

  3. 3

    author 与 params 下的 sharebutton、adsense 均为可选,不需要的参数应删除;启用 facebook 分享需提供 facebookAppId

  4. 4

    使用 AdSense 时需先把广告标签写入 layouts/partials 目录,再在配置中填写省略该目录前缀的文件路径

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

googleAnalytics = "" disqusShortname = ""

README 原文
https://github.com/masa0221/hugo-theme-geppaku/blob/master/LICENSE.mdhttps://github.com/masa0221/hugo-theme-geppaku/blob/master/README.md

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
![list](https://github.com/masa0221/hugo-theme-geppaku/blob/master/images/list.png)

### Post page
![post](https://github.com/masa0221/hugo-theme-geppaku/blob/master/images/screenshot.png)

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

看看同类模板

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