Markdown Test
test · markdown
这是一篇用于测试 Markdown 渲染的文章。下面展示了各种常用的 Markdown 语法。
标题
Markdown 支持六级标题,从 # 到 ######。
三级标题
四级标题
五级标题
六级标题
文本样式
- 粗体文本
- 斜体文本
删除线文本行内代码- 链接文本
列表
无序列表
- 第一项
- 第二项
- 嵌套项 1
- 嵌套项 2
- 第三项
有序列表
- 第一步
- 第二步
- 第三步
- 子步骤 A
- 子步骤 B
引用
这是一段引用文本。引用可以包含多行内容,并且可以嵌套。
这是嵌套的引用。
代码块
JavaScript
function greet(name) {
console.log(`Hello, ${name}!`);
return `Welcome to my blog, ${name}`;
}
greet('Visitor');
Python
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
# 打印前 10 个斐波那契数
for i in range(10):
print(f"F({i}) = {fibonacci(i)}")
CSS
.blog-post {
max-width: 65ch;
margin: 0 auto;
line-height: 1.7;
color: var(--foreground);
}
.blog-post h2 {
margin-top: 2rem;
margin-bottom: 1rem;
}
表格
| 功能 | 支持 | 备注 |
|---|---|---|
| 标题 | ✅ | H1-H6 |
| 列表 | ✅ | 有序和无序 |
| 代码块 | ✅ | 语法高亮 |
| 表格 | ✅ | 对齐支持 |
| 图片 | ✅ | 响应式 |
| 引用 | ✅ | 可嵌套 |
图片
封面图片
文章的封面图片在 frontmatter 中设置,会显示在文章卡片和文章顶部。
正文图片

图片说明:这是一张示例图片,用于测试正文中的图片渲染。
分割线
任务列表
- 创建测试文章
- 编写 Markdown 内容
- 添加示例图片
- 验证渲染效果
数学公式(如果支持)
行内公式:
块级公式:
结语
这就是各种 Markdown 语法的测试。希望渲染效果令人满意!
💡 提示:如果你看到这篇文章,说明 Markdown 渲染工作正常。