Hugo Themes

Moments

A Hugo theme for micro-blogging

Author: FarseaSH
GitHub Stars: 139
Updated: 2024-12-04
License: MIT
Tags: Blog Gallery Responsive

Hugo 主题 Moments | Demo

logo

Moments是一款专门为短博文设计的Hugo主题。开发初衷是在微信朋友圈之外做一个纯粹写给自己的，独立的短文/动态空间，去记录生活点滴，个人思绪，发现与想法。后面发现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

Check it out 👉 Moments Demo

更多Moments用例: 情侣点滴 | 朋友分享 | 个人成长 | 产品更新

特点 Feature

专门支持短博文的 Hugo 主题
响应式设计，桌面端&手机端精心适配
拥有和社交平台一致的图片浏览体验
简洁的设计，纯净的体验，摆脱社交平台广告
支持在 Moments 中分享主流互联网平台的信息（朋友圈文章，知乎，哔哩哔哩，网易云音乐，等等）
设计上支持多用户，和不同的人一起搭建不同的 Moments 空间

不同类型的 Moment 示例

附加图片的 Moment

---
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

---
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

---
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站木鱼水心的粉丝，最近更新的史记系列超级好看。

安装与部署

安装

注意： 主题的使用需要安装 extended 版本的 Hugo，详见 https://gohugo.io/installation/

$ 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
paginate: 10
paginatePath: .

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