Hugo博客

ritzy — Hugo 博客模板

作者 ddritzenhoff

ritzy 是一个面向 Hugo 的极简博客主题,以内容为中心,支持响应式布局、MathJax 数学公式、代码块换行与自定义 404 页面,采用 MIT 许可。

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

极简、以内容为中心的博客布局

02

响应式设计,适配移动端与桌面端

03

内置 MathJax,支持行内与块级 LaTeX 公式

04

代码块自动换行,提升长代码可读性

05

自定义 404 页面并带自动跳转

06

文章图片默认居中自适应,可用斜体文字添加图注

模板详细介绍

ritzy 是一个为 Hugo 设计的极简博客主题,作者为 ddritzenhoff,仓库以 MIT 许可发布。主题定位为“bare-bones”,即只保留博客所需的基础结构,界面干净、以内容为主,不包含复杂的附加模块。

功能方面,主题提供响应式布局,可在移动端与桌面端正常显示;内置基于 MathJax 的 LaTeX 数学公式支持,可书写行内公式与独立公式块;对代码块做了换行处理以提升可读性;提供带自动跳转的自定义 404 页面;文章内支持图片,图片默认居中且自适应宽度,并可通过图片后紧跟斜体文字的方式添加居中的图注。

内容结构约定为 content/_about.md 用于关于页面、content/_contact.md 用于联系信息、content/posts/ 存放博客文章。文章使用 YAML front matter,包含 title、date、draft、description 字段。安装方式有两种:在 themes 目录下以 git submodule 方式添加,或直接克隆仓库;随后在站点配置中设置 theme = "ritzy",并在 [params] 中填写 author 与 description。

限制方面,资料未说明主题附带评论、搜索、多语言、标签分类归档等扩展功能,也未提供除博客之外的内容类型支持;演示站点中的图片、字体、图标等第三方素材需单独核对其许可,不能仅凭代码的 MIT 许可判断。

Hugo博客

适合你的项目吗?

适用场景

  • 搭建个人技术博客并撰写含数学公式的文章
  • 需要展示代码片段且希望长行不溢出的写作场景
  • 希望用少量配置快速上线、界面简洁的博客站点
  • 在文章中插入图片并需要居中显示与图注的排版需求

适合人群

  • 使用 Hugo 构建个人博客的开发者
  • 经常在文章中书写 LaTeX 数学公式的作者
  • 偏好极简、无多余装饰界面的内容创作者
  • 需要移动端与桌面端均可正常阅读的博客站点

上手与定制指南

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

  1. 1

    在 themes 目录下用 git submodule add 或 git clone 获取主题仓库

  2. 2

    在站点配置中设置 theme = "ritzy",并在 [params] 下填写 author 与 description

  3. 3

    按约定放置内容:content/_about.md、content/_contact.md 与 content/posts/

  4. 4

    文章使用 YAML front matter,包含 title、date、draft、description 字段

  5. 5

    用 hugo new posts/<post-name>.md 创建新文章

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

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

项目核对记录与介绍依据

模板资料

来源平台
Hugo Themes
资料与维护参考分
资料较完整 · 81 / 100
技术栈
Hugo
网站类型
博客
这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 4f47bb1c6657fc9c2c98eccdbd809c7b7606a5d35c058aa1ab7c0ccd38f9fc55

2026-10-03T23:06:40.188Z

来源文件 / 仓库
# ritzy

A minimal blogging theme for Hugo.

![ritzy Theme Screenshot](images/screenshot.png)

## Features

- Clean, minimal design focused on content
- Responsive layout that works on mobile and desktop
- LaTeX/MathJax support for mathematical notation
- Code block wrapping for better readability
- Custom 404 page with auto-redirect
- Picture/image support in posts

## Installation

### Option 1: Add as a submodule (recommended)

```bash
cd themes
git submodule add https://github.com/ddritzenhoff/ritzy.git
```

### Option 2: Clone the repository

```bash
cd themes
git clone https://github.com/ddritzenhoff/ritzy.git
```

## Configuration

Add the theme to your site's configuration:

```toml
theme = "ritzy"

[params]
  author = "Your Name"
  description = "Your site description"
```

## Content Structure

ritzy supports the following content structure:

- `content/_about.md` - About section content
- `content/_contact.md` - Contact information
- `content/posts/` - Blog posts

## Post Front Matter

```yaml
---
title: "Your Post Title"
date: 2025-06-17
draft: false
description: "A brief description of your post"
---
```

## LaTeX Support

ritzy includes built-in LaTeX support through MathJax. You can use LaTeX in your posts like this:

Inline math: `$E = mc^2$`

Block math:
```
$$
f(x) = \int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d\xi
$$
```

## Adding Images

You can add images to your posts with standard Markdown:

```markdown
![Alt text](/images/your-image.png)
```

Or with HTML for more control:

```html
<img src="/images/your-image.png" alt="Alt text" style="max-width: 400px;" />
```

Images in posts are automatically centered and responsive. You can add captions to images by adding an italicized text immediately after the image:

```markdown
![Alt text](/images/your-image.png)
*This is an image caption that will be centered below the image*
```

## Adding Posts

You can add a post like this:

`hugo new posts/<post-name>.md`

## License

This theme is released under the MIT License. See [LICENSE](LICENSE) for details.
反馈内容错误

看看同类模板

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