一级标题：文章主标题

文章开头段落，简要介绍本文内容。这是加粗、斜体、~~删除线~~、行内代码 的示例。

💡 提示：文章开头建议写一段简短的引言，概括文章核心内容。

二级标题：文本排版

三级标题：基础样式

这是加粗文本，用于强调重点。
这是斜体文本，用于表示术语或外来语。
这是~~删除线文本~~，用于表示废弃内容。
这是行内代码，用于表示代码片段或命令。

这是链接文本，指向外部网站。
这是内部链接，指向本站其他文章。

三级标题：列表

无序列表：

列表项一
列表项二
- 嵌套子项 A
- 嵌套子项 B
列表项三

有序列表：

第一步：准备工作
第二步：执行操作
1. 子步骤 A
2. 子步骤 B
第三步：验证结果

任务列表：

已完成任务
待办任务一
待办任务二

二级标题：Callouts 提示框（新增功能）

使用 > [!类型] 语法创建漂亮的提示框：

Note

这是一个笔记提示框，用于记录补充信息或注意事项。

Tip

这是一个技巧提示框，用于分享实用的小技巧或最佳实践。

Info

这是一个信息提示框，用于展示一般性的说明信息。

Warning

这是一个警告提示框，用于提醒潜在的问题或风险。

Danger

这是一个危险提示框，用于警示可能导致严重后果的操作。

Important

这是一个重要提示框，用于强调关键信息。

二级标题：代码展示

行内代码

使用 npm install 命令安装依赖。配置文件中设置 theme: 'dark' 启用深色模式。

代码块

普通代码块：

// 这是一段 JavaScript 代码
function greet(name) {
  console.log(`Hello, ${name}!`);
  return {
    message: `Welcome to my blog, ${name}!`,
    timestamp: new Date().toISOString()
  };
}

greet('Reader');

带行号的代码块：

# 这是一段 Python 代码，带行号高亮
def fibonacci(n):
    """计算斐波那契数列"""
    if n <= 1:
        return n
    else:
        return fibonacci(n-1) + fibonacci(n-2)

# 打印前 10 个数
for i in range(10):
    print(f"F({i}) = {fibonacci(i)}")

export function Button() {
  return <button>Click me</button>;
}

<template>
  <button @click="handleClick">Click me</button>
</template>

<script setup>
const handleClick = () => console.log('clicked');
</script>

<button on:click={() => console.log('clicked')}>
  Click me
</button>

代码折叠

点击查看完整配置代码

{
  "name": "my-project",
  "version": "1.0.0",
  "dependencies": {
    "astro": "^4.0.0",
    "@astrojs/react": "^3.0.0"
  },
  "scripts": {
    "dev": "astro dev",
    "build": "astro build",
    "preview": "astro preview"
  }
}

二级标题：引用与分隔

引用块

这是一段引用文本。

可以有多行内容，用于引用他人的观点或重要的声明。

—— 引用来源

分隔线

上方内容

下方内容（使用三个减号创建分隔线）

二级标题：表格

基础表格

功能	语法	说明
加粗	`文本`	粗体显示
斜体	`文本`	斜体显示
代码	`code`	等宽字体
链接	`[文本](url)`	可点击链接

对齐表格

左对齐	居中对齐	右对齐
文本	文本	文本
长文本内容	长文本内容	长文本内容

二级标题：图片与媒体

普通图片

图片描述

带链接的图片

图片说明

二级标题：数学公式

行内公式

使用单个 $ 包裹行内公式： $E = mc^2$

示例：质能方程 $E=mc^2$ 由爱因斯坦提出。当 $x \to \infty$ 时，函数 $f(x)$ 的极限为 $L$ 。

块级公式

使用双 $$ 包裹块级公式：

\int_{-\infty}^{+\infty} e^{-x^2} dx = \sqrt{\pi}

复杂公式示例

求和与极限：

\sum_{i=1}^{n} i = \frac{n(n+1)}{2}

矩阵：

\begin{pmatrix} a & b & c \\ d & e & f \\ g & h & i \end{pmatrix}

分段函数：

f(x) = \begin{cases} x^2 & \text{if } x \geq 0 \\ -x & \text{if } x < 0 \end{cases}

微分方程：

\frac{d^2y}{dx^2} + p(x)\frac{dy}{dx} + q(x)y = f(x)

希腊字母与符号：

\alpha, \beta, \gamma, \delta, \epsilon, \theta, \lambda, \mu, \pi, \sigma, \phi, \omega

\forall x \in \mathbb{R}, \exists y \in \mathbb{Z} : y > x

二级标题：HTML 扩展

细节展开

点击展开详细信息

这里是折叠的详细内容，可以包含：

多行文本
Markdown 语法
甚至代码块

echo "Hello World"

提示徽章

NEW
v2.0

二级标题：结语

文章结尾部分，总结全文要点。

Tip

结语建议：

回顾文章主要内容

提出思考或展望

引导读者互动（评论、分享）

参考资料：

相关文章：