Markdown 排版测试:中文正文下各类元素的显示效果
测试#Markdown#排版#测试内容
这是一篇测试内容,用于检查各类 Markdown 元素的样式。确认排版无误后可以直接删除本文。
中文正文比拉丁文需要更高的行高和更小的字号,这段文字用来观察长段落连续阅读时的疏密程度是否合适,以及在窄屏下折行后行与行之间是否容易串行。
二级标题
正文与标题之间的间距应该让层级一眼可辨,而不需要依赖字号的剧烈变化。
三级标题
三级标题通常出现在较长的文章里,此处用于确认它没有和正文混在一起。
列表
无序列表:
- 第一项
- 第二项,稍微长一些,用来观察折行后的缩进是否与第一行对齐
- 第三项
- 嵌套的子项
有序列表:
- 打开配置文件
- 修改
site字段 - 重新执行构建
代码
行内代码的例子:执行 npm run build 生成静态文件,产物在 dist/ 目录。
代码块的例子:
export default defineConfig({
site: 'https://blog.yanpeng.space',
integrations: [mdx(), sitemap()],
});
表格
| 字段 | 类型 | 说明 |
|---|---|---|
title |
string | 文章标题 |
pubDate |
date | 发布时间 |
category |
string | 分类,缺省为「未分类」 |
tags |
array | 标签列表 |
draft |
boolean | 为真时不出现在公开列表中 |
链接
外部链接指向 Astro 官方文档,内部链接可以回到文章列表。
引用
引用块不放大字号,只用左侧竖线和降低的文字对比度来区分,避免抢走正文的层级。
多段引用之间的间距也需要确认。