Astro Markdown 排版示例

本示例展示在 Astro 项目中使用 Markdown 进行内容排版的各种方式。

基础文本样式

加粗文本
斜体文本
删除线文本
行内代码

组合样式：
加粗且斜体 或 ~~~删除线加代码~~~

标题层级

H1 标题

H2 标题

H3 标题

H4 标题

列表

无序列表

• 项目一
• 项目二
  • 子项目
  • 子项目
• 项目三

有序列表

1. 第一步
2. 第二步
   1. 子步骤
   2. 子步骤
3. 第三步

任务列表

• 完成安装
• 配置主题
• 部署上线

链接与媒体

Astro官网

引用与分割线

这是一个引用块。
可以包含多行内容。

代码块

// JavaScript 示例
function hello() {
  console.log('Hello Astro!')
}

<!-- HTML 示例 -->
<div class="container">
  <h1>欢迎</h1>
</div>

表格

扩展语法

脚注

这是一个带脚注的示例¹。

表情符号

🚀 Astro 快如火箭！

高亮文本

== 高亮重要内容 ==

自定义 HTML

数学公式（需插件）

$$ f(x) = x^2 + \frac{1}{x} $$

图表（需插件）

graph TD
  A[开始] --> B(处理)
  B --> C{判断}
  C -->|是| D[完成]
  C -->|否| B