joviale.net
Back to Home

Markdown Test

test · markdown

这是一篇用于测试 Markdown 渲染的文章。下面展示了各种常用的 Markdown 语法。

标题

Markdown 支持六级标题,从 #######

三级标题

四级标题

五级标题
六级标题

文本样式

  • 粗体文本
  • 斜体文本
  • 删除线文本
  • 行内代码
  • 链接文本

列表

无序列表

  • 第一项
  • 第二项
    • 嵌套项 1
    • 嵌套项 2
  • 第三项

有序列表

  1. 第一步
  2. 第二步
  3. 第三步
    1. 子步骤 A
    2. 子步骤 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 内容
  • 添加示例图片
  • 验证渲染效果

数学公式(如果支持)

行内公式:E=mc2E = mc^2

块级公式:

i=1nxi=x1+x2++xn\sum_{i=1}^{n} x_i = x_1 + x_2 + \cdots + x_n

结语

这就是各种 Markdown 语法的测试。希望渲染效果令人满意!

💡 提示:如果你看到这篇文章,说明 Markdown 渲染工作正常。

© 2026 joviale.net. All rights reserved.