Markdown 样式指南

展示博客支持的各种 Markdown 渲染样式。

您的名字
指南

这是一篇示例文章，展示了博客支持的各种 Markdown 渲染样式。

标题

H1 标题

H2 标题

H3 标题

H4 标题

H5 标题
H6 标题

段落

这是普通段落文本。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

这是另一个段落。Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

文本样式

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

列表

无序列表

  • 项目一
  • 项目二
  • 项目三
    • 子项目 A
    • 子项目 B
  • 项目四

有序列表

  1. 第一步
  2. 第二步
  3. 第三步
    1. 子步骤 A
    2. 子步骤 B
  4. 第四步

任务列表

  • 已完成任务
  • 另一个已完成任务
  • 待办任务
  • 另一个待办任务

引用

这是一段引用文本。它可以跨越多行，并且会显示为带有左边框的样式。

引用也可以包含多个段落。

代码

行内代码：const greeting = "Hello World"

代码块：

// JavaScript 示例
function fibonacci(n) {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10)); // 55
# Python 示例
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

print(fibonacci(10))  # 55
/* CSS 示例 */
.card {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 1rem;
  transition: transform 0.2s ease;
}

.card:hover {
  transform: translateY(-4px);
}

表格

功能支持状态备注
Markdown✅ 完全支持基础语法
GFM✅ 完全支持GitHub 风格
数学公式⚠️ 部分支持需要配置
图表❌ 暂不支持计划中
目录✅ 自动生成右侧显示

图片

示例图片

图片说明：这是一张示例图片

分割线

其他元素

脚注

这是一个带有脚注的句子1。

定义列表

术语一 : 定义一的描述内容

术语二 : 定义二的描述内容

缩写

HTML 是超文本标记语言的缩写。

总结

以上就是这个博客支持的主要 Markdown 样式。您可以参考这些示例来编写格式丰富的文章。

Footnotes

  1. 这是脚注的内容。 ↩

评论