Markdown 排版测试:中文正文下各类元素的显示效果

测试#Markdown#排版#测试内容

这是一篇测试内容,用于检查各类 Markdown 元素的样式。确认排版无误后可以直接删除本文。

中文正文比拉丁文需要更高的行高和更小的字号,这段文字用来观察长段落连续阅读时的疏密程度是否合适,以及在窄屏下折行后行与行之间是否容易串行。

二级标题

正文与标题之间的间距应该让层级一眼可辨,而不需要依赖字号的剧烈变化。

三级标题

三级标题通常出现在较长的文章里,此处用于确认它没有和正文混在一起。

列表

无序列表:

  • 第一项
  • 第二项,稍微长一些,用来观察折行后的缩进是否与第一行对齐
  • 第三项
    • 嵌套的子项

有序列表:

  1. 打开配置文件
  2. 修改 site 字段
  3. 重新执行构建

代码

行内代码的例子:执行 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 官方文档,内部链接可以回到文章列表

引用

引用块不放大字号,只用左侧竖线和降低的文字对比度来区分,避免抢走正文的层级。

多段引用之间的间距也需要确认。