Astro Pure 主题语法测试#

本文用于测试 Astro Theme Pure 支持的各种 Markdown 和 MDX 语法功能。

1. 基础 Markdown 语法#

1.1 文本格式#

粗体文本 和 斜体文本 以及 粗斜体

删除线文本

行内代码

1.2 列表#

无序列表：

• 项目 1
• 项目 2
  • 子项目 2.1
  • 子项目 2.2
• 项目 3

有序列表：

1. 第一项
2. 第二项
3. 第三项

任务列表：

• 已完成的任务
• 未完成的任务
• 待办事项

1.3 链接和图片#

访问 FXJ Wiki ↗

访问 Astro 官网 ↗

1.4 引用#

这是一个引用块

可以包含多行内容

— 冯相杰

1.5 分隔线#

2. 代码块#

2.1 JavaScript 代码#

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

console.log(fibonacci(10)); // 输出: 55

2.2 Python 代码#

# Python 代码示例
def quick_sort(arr):
    if len(arr) <= 1:
        return arr
    pivot = arr[len(arr) // 2]
    left = [x for x in arr if x < pivot]
    middle = [x for x in arr if x == pivot]
    right = [x for x in arr if x > pivot]
    return quick_sort(left) + middle + quick_sort(right)

print(quick_sort([3, 6, 8, 10, 1, 2, 1]))

2.3 TypeScript 代码#

// TypeScript 代码示例
interface User {
  name: string;
  age: number;
  email?: string;
}

const user: User = {
  name: '冯相杰',
  age: 25,
  email: '[email protected]'
};

function greet(user: User): string {
  return `Hello, ${user.name}!`;
}

console.log(greet(user));

3. 表格#

4. MDX 组件测试#

4.1 Button 按钮组件#

4.2 Card 卡片组件#

4.3 Collapse 折叠组件#

console.log('代码也可以放在折叠内容中');

4.4 Spoiler 剧透组件#

4.5 Label 标签组件#

5. LaTeX 数学公式#

5.1 行内公式#

这是行内公式示例：$E = mc^2$，爱因斯坦的质能方程。

勾股定理：$a^2 + b^2 = c^2$

5.2 块级公式#

二次方程求根公式：

6. 特殊语法#

6.1 脚注#

这是一个包含脚注的段落¹。

这是另一个脚注²。

6.2 高亮文本#

这是 ==高亮文本== 的示例。

6.3 键盘按键#

按下 Ctrl + C 复制文本。

按下 Ctrl + V 粘贴文本。

7. 告示框#

:::note 这是一个提示框，用于显示重要信息。 :::

:::tip 这是一个技巧提示框。 :::

:::warning 这是一个警告框。 :::

:::danger 这是一个危险警告框。 :::

8. HTML 支持#

9. Emoji 支持#

🎉 🚀 💻 📝 ✨ 🔥 👍 ❤️

10. 总结#

Astro Theme Pure 支持：

1. ✅ 完整的 Markdown 语法
2. ✅ MDX 组件集成
3. ✅ LaTeX 数学公式（KaTeX）
4. ✅ 代码高亮（Shiki）
5. ✅ 丰富的用户组件
6. ✅ 响应式设计
7. ✅ 暗黑模式
8. ✅ 搜索功能

这是一个功能强大且美观的博客主题！🎨