专为短博文设计的 Hugo 主题,内容以动态形式呈现
hugo-theme-moments — Hugo 博客模板
作者 FarseaSH
Moments 是一款为短博文设计的 Hugo 主题,支持图文、链接与视频等动态形式,适合搭建个人或小群体的独立分享空间。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
响应式布局,桌面端与手机端分别适配
图片浏览体验接近社交平台
支持带图片、分享文章链接、嵌入视频三类 Moment
设计上支持多用户,不同发布者可设置各自名称与头像
采用 MIT 许可的免费版本
模板详细介绍
Moments 是面向短博文场景的 Hugo 主题,开发初衷是提供一个独立于社交平台的短文与动态记录空间。它既可用于个人记录生活点滴、思绪与发现,也适合朋友、团队或情侣共同维护一个分享空间。主题在桌面端与手机端做了响应式适配,并提供接近社交平台的图片浏览体验。
内容层面,主题支持带图片的 Moment、分享外部文章的 Moment 以及嵌入视频的 Moment,通过 front matter 中的 name、signature、avatar、date、tags、pictures、link、link_text 等字段组织内容。设计上支持多用户,不同发布者可拥有各自的名称与头像。
主题需要 extended 版本的 Hugo。安装方式为在 Hugo 站点中克隆主题仓库到 themes/moments,并在 config.yaml 中设置 baseURL、languageCode、theme、pagination 以及 title、signature、cover、name、avatar 等参数。新建 Moment 使用 hugo new moments/your_moment_name.md,部署可参考 Hugo 官方文档。README 中列出的纪念日/倒数日、文字摘录引用、习惯打卡、歌词、地图格式等类型,以及 RSS、评论、卡片样式主题,均标注为正在开发中,当前版本不包含。
适合你的项目吗?
适用场景
- 个人记录日常生活、思绪、发现与想法
- 朋友之间搭建共享的短动态空间
- 团队或情侣维护专属的 Moments 空间
- 发布带多张图片的图文动态
- 分享外部文章链接或嵌入视频内容
适合人群
- 熟悉 Hugo 并希望搭建短博文站点的用户
- 需要独立于社交平台记录动态的个人
- 希望为朋友、团队或情侣搭建共享空间的用户
- 需要图文、链接与视频混合动态形式的发布者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
需要安装 extended 版本的 Hugo
- 2
通过 git clone 将主题仓库放入站点的 themes/moments 目录
- 3
在 config.yaml 中设置 baseURL、languageCode、theme、pagination 及 title、signature、cover、name、avatar 等参数
- 4
使用 hugo new moments/your_moment_name.md 创建新的 Moment
- 5
部署方式参考 Hugo 官方 hosting-and-deployment 文档
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 使用该主题必须安装 extended 版本的 Hugo,普通版本无法正常使用。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
https://github.com/FarseaSH/hugo-theme-moments/blob/dev/LICENSEhttps://github.com/FarseaSH/hugo-theme-moments/blob/dev/README.md主题的使用需要安装 extended 版本的 Hugo
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- Hugo Themes
- 资料与维护参考分
- 资料较完整 · 91 / 100
- 技术栈
- Hugo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-07-26
- 截图检查日期
- 2026-10-02
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 44787cc49ecf860f86f64252bbfbb1540126f2514667f71e7a18711587c771d1
2026-10-02T20:19:31.331Z
来源文件 / 仓库<h1 align=center>Hugo 主题 Moments | <a href="https://farseash.github.io/demo-hugo-theme-moments/demo/">Demo</a></h1>
<p align="center">
<img src="https://s1.ax1x.com/2023/07/22/pCqEWOx.png" alt="logo" style="width: 60%" />
</p>
Moments是一款专门为短博文设计的[Hugo](https://gohugo.io/)主题。开发初衷是在微信朋友圈之外做一个纯粹写给自己的,独立的短文/动态空间,去记录生活点滴,个人思绪,发现与想法。后面发现Moments的使用对象不仅仅可以是自己,还可以是一群人,你可以为是朋友、团队,亦或情侣搭建一个专有的Moments空间。
Moments is a hugo theme designed for micro-blogging. The original intention is to create a personal space for sharing daily life, thoughts, discoveries & ideas, outside Wechat. Later on, it came to my mind that Moments can be a sharing space not only for a single individual, but also for friends, teams or even couples.
> 我正开发另一个项目——使用Notion,结合Moments主题,免费、快速搭建短博文平台。即将发布。
>
> I'm currently working on another project: with the help of Notion, together with this Moments theme, build a micro-blogging platform, simple and free. It will be released soon.
## Screenshot

Check it out 👉 [Moments Demo](https://farseash.github.io/demo-hugo-theme-moments/demo/)
更多Moments用例: [情侣点滴](https://farseash.github.io/demo-hugo-theme-moments/showcases/couple/) | 朋友分享 | 个人成长 | 产品更新
## 特点 Feature
1. 专门支持短博文的 Hugo 主题
2. 响应式设计,桌面端&手机端精心适配
3. 拥有和社交平台一致的图片浏览体验
4. 简洁的设计,纯净的体验,摆脱社交平台广告
5. 支持在 Moments 中分享主流互联网平台的信息(朋友圈文章,知乎,哔哩哔哩, 网易云音乐,等等)
6. 设计上支持多用户,和不同的人一起搭建不同的 Moments 空间
## 不同类型的 Moment 示例
### 附加图片的 Moment
<img src="https://s11.ax1x.com/2024/01/11/pFCm8Et.png" alt="图片集的Moment" style="width: 400px">
```
---
name: Frank
signature: '@Moments 向导 002'
avatar: https://s11.ax1x.com/2024/01/07/pizHZLV.png
date: 2024-01-06T23:04:00+08:00
tags:
- 美食
pictures:
- https://s11.ax1x.com/2024/01/07/pizO3tO.png
- https://s11.ax1x.com/2024/01/07/pizOBAf.png
- https://s11.ax1x.com/2024/01/07/pizOy9g.png
- https://s11.ax1x.com/2024/01/07/pizORun.png
- https://s11.ax1x.com/2024/01/07/pizOI4U.png
- https://s11.ax1x.com/2024/01/07/pizOTCF.png
- https://s11.ax1x.com/2024/01/07/pizjpd0.png
- https://s11.ax1x.com/2024/01/07/pizjiJU.png
- https://s11.ax1x.com/2024/01/07/pFSkNid.png
note:
---
好嘞~众所周知,美食能治愈一切!以下图片不建议睡前点开。
```
### 分享文章的 Moment
<img src="https://s11.ax1x.com/2024/01/11/pFCmUgg.png" alt="分享链接Moment" style="width: 400px">
```
---
name: Frank
signature: '@Moments 向导 002'
avatar: https://s11.ax1x.com/2024/01/07/pizHZLV.png
date: 2024-01-06T23:07:00+08:00
tags:
- 好文收藏
link: https://mp.weixin.qq.com/s/T2oxRagwfAAtHao5YqAY1A
link_text: 「好的友谊」的10点标志,你拥有过几点?
note:
---
这篇公众号文章也挺不错的,推荐给大家。
```
### 分享视频的 Moment
<img src="https://s11.ax1x.com/2024/01/14/pFPvjfI.png" alt="分享视频Moment" style="width: 400px">
```
---
name: Frank
signature: '@Moments 向导 002'
avatar: https://s11.ax1x.com/2024/01/07/pizHZLV.png
date: 2024-01-06T23:07:00+08:00
tags:
- 好看的视频分享
link: //player.bilibili.com/player.html?aid=535243818&bvid=BV1cM41197ui&cid=1312553206&p=1
note:
---
我是B站木鱼水心的粉丝,最近更新的史记系列超级好看。
```
### 更多正在设计开发中的 Moment 类型
- 纪念日 / 倒数日
- 文字摘录引用
- 习惯打卡
- 歌词
- 地图格式
(如果您有任何其它想要添加的类型,欢迎在 [issue](https://github.com/FarseaSH/hugo-theme-moments/issues) 区域提出)
## 安装与部署
### 安装
<!-- todo 要求 -->
**注意:** 主题的使用需要安装 extended 版本的 Hugo,详见 [https://gohugo.io/installation/](https://gohugo.io/installation/)
```bash
$ hugo new site my_moments_name
$ cd my_moments_name
$ git clone https://github.com/FarseaSH/hugo-theme-moments.git themes/moments
```
### 第一次配置
将以下设置覆盖到`config.yaml`文件中
```
baseURL: https://YOUR-MOMENTS-PATH.com
languageCode: zh-Hans
theme: moments
pagination:
path: .
pagerSize: 10
params:
title: "Moments Demo"
signature: "人生如逆旅,我亦是行人。"
cover: "default-background.png"
name: "Me"
avatar: "avatar.png"
```
#### (Optional) config.yaml 的配置
上面配置文件`config.yaml`中的参数,建议修改以下几项,以满足你的要求。
- `baseURL`: 你所部署发布的网站地址。如果你的主页url是在域名子路径下(如 http://site.com/subpath/),请务必设定此项。
- `paginate`: 单一页面上,显示的Moment的数量
- `title`: 页面顶端的标题
- `signature`: 页面顶端的网站slogan/签名
- `cover`: 页面顶端的封面图
- `name`: Moment默认发布者的名称
- `avatar`: Moment默认发布者的头像(可以为http链接)
### 创建新的Moment
```
hugo new moments/your_moment_name.md
```
### 将自己的Moments发布到网上
请参考Hugo文档deploy部分[Hugo Deploy | Hugo](https://gohugo.io/hosting-and-deployment/hugo-deploy/)
## 更多正在开发的功能
- 更多 Moment 类型支持
- RSS 支持
- Moment 评论功能
- 卡片样式 Moments 主题开发
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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