Hugo博客

hugo-theme-period — Hugo 博客模板

作者 idoubi

hugo-theme-period 是 idoubi 为 Hugo 开发的博客主题，参考 Laruence 博客风格，采用 MIT 许可，提供示例配置与演示站点。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

访问演示网站在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

面向 Hugo 的博客主题，仓库采用 MIT 许可

视觉与结构参考 Laruence 的博客

提供 exampleSite/config.toml 示例配置

侧边栏部件包含关于、二维码、开源项目、友情链接、分类与标签

评论基于 GitHub 仓库方案，可在配置中开关

代码高亮使用 highlight.js，jQuery 与 highlight.js 通过 CDN 引入

模板详细介绍

hugo-theme-period 是一个面向 Hugo 的博客主题，作者为 idoubi，仓库采用 MIT 许可。主题的视觉与结构参考 Laruence 的博客，作者提供了演示站点 idoubi.cc 与仓库内的截图预览。

主题通过 config.toml 进行配置，示例配置包含站点标题、副标题、logo、分页数量、主导航菜单，以及侧边栏部件：关于、二维码、开源项目、友情链接、分类和标签。评论部分使用基于 GitHub 仓库的评论方案，可在配置中开关并选择主题。代码高亮依赖 highlight.js，jQuery 与 highlight.js 通过 CDN 地址引入，示例中使用了 bootcdn 的链接。

使用方式为将仓库克隆到 Hugo 站点的 themes/period 目录，复制 exampleSite/config.toml 作为站点配置，然后以 hugo server -t period 启动。README 未说明主题对 Hugo 版本的要求，也未列出依赖清单，因此不在此处推断具体版本兼容范围。

Hugo博客

适合你的项目吗？

适用场景

使用 Hugo 搭建个人博客并希望采用参考 Laruence 博客风格的主题
需要在侧边栏展示关于信息、开源项目、友情链接、分类和标签的博客
希望通过 GitHub 仓库承载评论并可在配置中开关的站点
需要以 CDN 方式引入 highlight.js 与 jQuery 的 Hugo 站点

适合人群

使用 Hugo 构建个人博客的开发者
偏好简洁博客布局并需要侧边栏部件的用户
接受通过 GitHub 仓库方案承载评论的站点维护者
能够自行配置 config.toml 与 CDN 资源的 Hugo 使用者

上手与定制指南

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

1
进入 Hugo 站点目录后，将主题克隆到 themes/period：git clone https://github.com/idoubi/hugo-theme-period.git themes/period
2
复制主题示例配置：copy themes/period/exampleSite/config.toml config.toml
3
使用 hugo server -t period 启动本地预览
4
在 config.toml 中按需调整菜单、侧边栏部件、评论开关与 CDN 地址
5
第三方素材与外部服务需按各自许可与收费情况核对，代码的 MIT 许可不覆盖这些内容

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

评论功能依赖 GitHub 仓库方案，需在配置中填写 {org}/{repo} 并可能依赖 GitHub 相关服务；如不需要可保持 show = false 关闭。
示例配置通过 bootcdn 等外部 CDN 引入 highlight.js 与 jQuery，实际使用需自行确认这些外部服务的可用性与相关条款。
示例配置中的 logo 与二维码图片指向外部地址，其素材许可与可用性需自行核对，MIT 代码许可不覆盖这些素材。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

[params.comment] repo = "{org}/{repo}" show = false theme = "github-light"
README 原文

highlightjs = "https://cdn.bootcdn.net/ajax/libs/highlight.js/10.3.2/highlight.min.js"
README 原文

logo = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQAl2chF0OuqvNKaMXWlh9GPn5vlHpSl0pXgQ&usqp=CAU"
README 原文

https://github.com/idoubi/hugo-theme-period/blob/master/LICENSE https://github.com/idoubi/hugo-theme-period/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 73 / 100
技术栈: Hugo
网站类型: 博客

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2025-03-10
截图检查日期: 2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 0afb00f0b0f52b758780c59c681c33f3d9a7002d918bcee0d8c73f28dad08b77

2026-10-02T10:18:09.477Z

来源文件 / 仓库

## Period

[Period](https://github.com/idoubi/hugo-theme-period) is a beautiful theme for Hugo. 

Reference from [Laruence's blog](https://www.laruence.com/)

view the [Demo Site](https://idoubi.cc)

## Usage

goto your hugo site 

```shell
cd {path-to-your-hugo-site}
```

get the theme

```shell
git clone https://github.com/idoubi/hugo-theme-period.git themes/period
```

copy theme config file 

```shell
copy themes/period/exampleSite/config.toml config.toml
```

run your hugo site 

```shell
hugo server -t period
```

## Example Config

```toml
theme = "period"

baseURL = "https://example.com"
copyright = "© idoubi.cc All rights reserved"
paginate = 20
title = "Period Theme"

[[menu.main]]
name = "Home"
url = "/"
weight = 1
[[menu.main]]
name = "Posts"
url = "/post/"
weight = 2
[[menu.main]]
name = "Abount"
url = "/about/"
weight = 3

[params]
logo = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQAl2chF0OuqvNKaMXWlh9GPn5vlHpSl0pXgQ&usqp=CAU"
subTitle = "A beautiful theme for Hugo."

[params.cdn.js]
highlightjs = "https://cdn.bootcdn.net/ajax/libs/highlight.js/10.3.2/highlight.min.js"
jquery = "https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"

[params.cdn.css]
highlightjs = "https://cdn.bootcdn.net/ajax/libs/highlight.js/10.3.2/styles/an-old-hope.min.css"

[params.comment]
repo = "{org}/{repo}"
show = false
theme = "github-light"

[params.widget.about]
description = "A fullstack developer"
logo = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQAl2chF0OuqvNKaMXWlh9GPn5vlHpSl0pXgQ&usqp=CAU"
show = true
title = "Idoubi"

[params.widget.qrcode]
show = false
title = "WeChat Official Account"
url = "https://blogcdn.idoustudio.com/idoubi-mp.jpeg"

[params.widget.projects]
show = true
title = "Open Source Projects"

[[params.widget.projects.items]]
description = "Daily news for golang"
name = "gonews"
url = "https://github.com/idoubi/gonews"

[[params.widget.projects.items]]
description = "Generate go struct according to SQL"
name = "sql2struct"
url = "https://github.com/idoubi/sql2struct"

[[params.widget.projects.items]]
description = "Request library used in golang"
name = "goz"
url = "https://github.com/idoubi/goz"

[params.widget.links]
show = true
title = "Friendly Links"

[[params.widget.links.items]]
title = "Hugo"
url = "https://gohugo.io"

[[params.widget.links.items]]
title = "Theme period"
url = "https://github.com/idoubi/hugo-theme-period"

[params.widget.categories]
show = true
title = "Categories"

[params.widget.tags]
show = true
title = "Tags"
```

## Preview 

![](./images/screenshot.png)



## Contributing

Any suggestions or pull request will be appreciated.

反馈内容错误