Hugo博客

hugo-theme-moments — Hugo 博客模板

作者 FarseaSH

Moments 是一款为短博文设计的 Hugo 主题,支持图文、链接与视频等动态形式,适合搭建个人或小群体的独立分享空间。

看看你的网站会是什么样

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

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

专为短博文设计的 Hugo 主题,内容以动态形式呈现

02

响应式布局,桌面端与手机端分别适配

03

图片浏览体验接近社交平台

04

支持带图片、分享文章链接、嵌入视频三类 Moment

05

设计上支持多用户,不同发布者可设置各自名称与头像

06

采用 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、评论、卡片样式主题,均标注为正在开发中,当前版本不包含。

Hugo博客

适合你的项目吗?

适用场景

  • 个人记录日常生活、思绪、发现与想法
  • 朋友之间搭建共享的短动态空间
  • 团队或情侣维护专属的 Moments 空间
  • 发布带多张图片的图文动态
  • 分享外部文章链接或嵌入视频内容

适合人群

  • 熟悉 Hugo 并希望搭建短博文站点的用户
  • 需要独立于社交平台记录动态的个人
  • 希望为朋友、团队或情侣搭建共享空间的用户
  • 需要图文、链接与视频混合动态形式的发布者

上手与定制指南

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

  1. 1

    需要安装 extended 版本的 Hugo

  2. 2

    通过 git clone 将主题仓库放入站点的 themes/moments 目录

  3. 3

    在 config.yaml 中设置 baseURL、languageCode、theme、pagination 及 title、signature、cover、name、avatar 等参数

  4. 4

    使用 hugo new moments/your_moment_name.md 创建新的 Moment

  5. 5

    部署方式参考 Hugo 官方 hosting-and-deployment 文档

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 使用该主题必须安装 extended 版本的 Hugo,普通版本无法正常使用。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

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

![demo](https://s11.ax1x.com/2024/01/07/pFSuyPU.png)

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 主题开发
反馈内容错误

看看同类模板

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