排版元素一览

这篇是样式参照页。改完 global.css 之后打开它过一遍，比逐个页面翻要快。

二级标题

正文段落。中英混排时会自动留出间距，比如 Astro、Tailwind CSS 和 Pagefind 这些词嵌在中文里不会挤在一起。这里有 加粗、斜体、行内代码 和一个站内链接，以及一个外部链接。

三级标题

三级标题会一并进入右侧目录。目录只在有标题的文章里出现。

列表

无序列表：

• 第一项
• 第二项
  • 嵌套的子项
  • 另一个子项
• 第三项

有序列表：

1. 安装依赖
2. 修改配置
3. 部署上线

引用

引用块适合放整段摘录或者一句结论。

支持多个段落。

代码块

带语言标注的代码块会高亮，右上角有复制按钮：

type Post = {
  title: string;
  date: Date;
  tags: string[];
};

const formatTags = (post: Post) => post.tags.join(" / ");

不标语言的代码块保持等宽字体，不做高亮：

src/content/blog/
└── typography-showcase/
    └── index.md

表格

分隔线

分隔线之后的内容。

图片

正文里的图片默认铺满内容宽度并带圆角。图片可以放在文章目录里用相对路径引用，也可以像这里一样用外链。