博客说明

Thu, 09 Jul 2026 00:00:00 +0000

这是什么

这是一个基于 Hugo 搭建的个人博客，用来记录技术笔记、学习过程、生活观察和一些阶段性的想法。

风格定位

当前博客采用暖色极简风格，视觉上参考了 Anthropic 网站的克制感，但没有复制其品牌素材或官方字体。

整体设计目标是：

淡色背景：使用接近纸张的奶油白，让页面更柔和。
大留白：减少视觉噪音，让注意力回到文字本身。
低饱和强调色：链接、标签和交互状态使用淡陶土色，避免过重。
清晰阅读层级：标题、摘要、正文、代码块和表格各自保持明确边界。
轻量交互：卡片 hover、导航状态和按钮反馈都尽量克制。

让文章安静、稳定、好读。

内容组织

主要内容放在：

content/posts/

每篇文章都是一个 Markdown 文件。文章通过 front matter 描述标题、日期、摘要、标签和分类。

示例：

+++
title = '文章标题'
date = 2026-07-09
description = '这是一段文章摘要。'
tags = ['hugo', 'notes']
categories = ['tech']
draft = false
+++

常用字段说明：

字段	用途
`title`	文章标题
`date`	发布时间
`description`	文章摘要，会显示在列表和文章页标题区
`tags`	标签，用于主题聚合
`categories`	分类，用于内容归档
`draft`	是否为草稿，`false` 才会正式发布

如何写新文章

可以使用 Hugo 命令创建新文章：

hugo new posts/my-new-post.md

也可以手动在 content/posts/ 下创建 Markdown 文件。

写作流程建议：

创建文章文件。
填写 front matter。
在正文中使用 Markdown 写作。
本地预览。
确认无误后发布。

本地预览命令：

Hello World

Wed, 08 Jul 2026 00:00:00 +0000

欢迎来到我的博客！这是用 Hugo 搭建的第一篇文章。下面展示一些常见的 Markdown 排版效果。

标题与段落

这是一段普通的文字。Hugo 会把 markdown 渲染成干净的 HTML，你只需要专注于写作本身。

列表

无序列表：

第一项
第二项
- 嵌套项 A
- 嵌套项 B
第三项

有序列表：

步骤一
步骤二
步骤三

代码块

Hugo 内置 Chroma 语法高亮，支持各种语言：

package main

import "fmt"

func main() {
 fmt.Println("Hello, Hugo!")
}

行内代码则用反引号包裹，比如 hugo server -D。

引用

好的博客，是写给未来的自己的信。 —— 某位博主

表格

功能	是否支持	说明
标签	是	通过 frontmatter 的 tags 字段
分类	是	通过 frontmatter 的 categories 字段
语法高亮	是	Chroma 内置，零依赖

链接与图片

这是一个 Hugo 官网的链接。

Hugo on 📝Mocong's Blogs