欢迎来到我的博客！这是一篇示例文章，用来演示文章页面的排版效果。你可以在 src/content/blog/ 目录下找到它，直接删除或改写即可。

如何写一篇新文章

在 src/content/blog/ 下新建一个 .md（或 .mdx）文件，开头写上 frontmatter：

---
title: '文章标题'
description: '一句话摘要，用于列表页和 SEO'
pubDate: '2026-07-18'
tags: ['标签一', '标签二']
heroImage: '../../assets/blog-placeholder-1.jpg'  # 可选
draft: false                                       # 可选，true 时不发布
---

正文从这里开始……

文章会出现在哪里

• /blog 文章列表页（按发布时间倒序）
• /tags 标签页与对应的 /tags/标签名 页面
• /archive 归档页（按年份分组）
• /rss.xml RSS 订阅源
• Pagefind 全站搜索索引（构建后自动生成）

代码块演示

// TypeScript 代码块带语法高亮
function greet(name: string): string {
	return `你好，${name}！`;
}

console.log(greet('世界'));

# 常用命令
npm run dev      # 本地开发
npm run build    # 构建并生成搜索索引
npm run preview  # 预览构建产物

试试右上角的搜索图标，或者切换深色模式看看效果。