Markdown 语法全家桶：一篇文章测完所有渲染元素
这是一篇「排版体检」文章，覆盖博客渲染器支持的全部 Markdown 元素。如果你在读这篇文章时发现某个元素显示异常，说明渲染器需要修 bug 了。
行内元素
普通文字，加粗，斜体，删除线，行内代码，站内链接，HTML 外链，以及一个脚注式的说明1。
引用与嵌套
一级引用：好排版是看不见的排版。
二级引用：所谓深度，就是层次的叠加。回到一级，引用里也可以有
代码与 强调。
列表
无序列表：
第一层
第二层
- 第三层内容比较长一些，用来测试行高与缩进的表现是否稳定
- 复原到第一层
有序列表：
- 安装依赖
- 修改配置
构建并部署
- 本地验证
- 发布上线
任务列表：
- [x] 支持任务列表语法
- [x] 复选框使用主题色
- [ ] 完成暗色模式适配
代码块
interface Comment {
readonly coid: number;
author: string;
parent?: number;
}
/** 把扁平评论列表组装成嵌套树 */
function buildTree(list: Comment[]): TreeNode[] {
return list.filter((c) => !c.parent).map(wrap(list));
}.cover-art {
background:
radial-gradient(120% 140% at 85% 20%, hsl(190 90% 62% / 0.5), transparent 55%),
linear-gradient(135deg, #0b1020, #1c2a4d);
}表格
| 语法 | 示例 | 状态 |
|---|---|---|
| 对齐左 | #fff | ✅ |
| 对齐中 | 01 | ✅ |
| 对齐右 | 0xff | ✅ |
分隔线与图片
一张远程图片（lazy 加载）：
第二张图，用来测试灯箱的多图切换：
以上就是全部元素。渲染器，请开始你的表演。
排版体检通过，各元素渲染正常。
技术选型的部分写得挺中肯，不是无脑吹。
哈哈，跟我理解的一样，放心用了。
这个问题我踩过，翻我博客有篇笔记专门讲这个。
这么一看确实是版本差异导致的，结案。
插个楼：实测下来数据量大了之后要注意缓存。
同问，蹲一个回复。
楼上 +1，我也想知道。
有几个细节想深入聊聊，已发邮件到你邮箱。
楼上 +1，我也想知道。
正文里的对比表格很直观，数据是实测的吗？
参考你这篇把备案和 CDN 也配置好了，感谢！
插个楼：实测下来数据量大了之后要注意缓存。
学到了，回頭我也整理一篇。
插个楼：实测下来数据量大了之后要注意缓存。
补充一点：官方文档里其实有提到这个边界情况。
写得很清楚，收藏了，回头照着实践一遍。
mark 一下，周末有空细读。
请问博主，这套方案在多实例部署下要注意什么？
感谢解答，疑问解决了！
技术选型的部分写得挺中肯，不是无脑吹。
写得很清楚，收藏了，回头照着实践一遍。
转发到群里了，同事们都说有用。
mark 一下，周末有空细读。
同问，蹲一个回复。
参考你这篇把备案和 CDN 也配置好了，感谢！
第一次见把 Typecho 玩成无头 CMS 的，涨知识了。
同问，蹲一个回复。
转发到群里了，同事们都说有用。
请问博主，这套方案在多实例部署下要注意什么？
这么一看确实是版本差异导致的，结案。
踩过同样的坑，评论区补充一下：中文 slug 记得做 encode。
作者回复得真快，体验好评。
卧槽，这个令牌代理的思路太秀了。
来了来了，坐等更新系列下一篇。
已订阅 RSS，希望多更～
请问后续会开源这套模板吗？想直接拿来用。
来了来了，坐等更新系列下一篇。
请问后续会开源这套模板吗？想直接拿来用。
看完直接把我的旧博客迁移计划提上日程了。
看完直接把我的旧博客迁移计划提上日程了。
正文里的对比表格很直观，数据是实测的吗？
参考你这篇把备案和 CDN 也配置好了，感谢！
哈哈，跟我理解的一样，放心用了。
写得很清楚，收藏了，回头照着实践一遍。
踩过同样的坑，评论区补充一下：中文 slug 记得做 encode。
同问，蹲一个回复。
请问评论这套代理方案的性能如何？延迟大不大？
配图和排版都很舒服，阅读体验极佳。
配图和排版都很舒服，阅读体验极佳。
配图和排版都很舒服，阅读体验极佳。