# 一级标题 (H1)
 
## 二级标题 (H2)
 
### 三级标题 (H3)
 
#### 四级标题 (H4)
 
##### 五级标题 (H5)
 
###### 六级标题 (H6)

_这是斜体文本_
_这也是斜体文本_
 
**这是粗体文本**
**这也是粗体文本**
 
**_这是粗斜体文本_**
**_这也是粗斜体文本_**
 
~~这是带删除线的文本~~
 
这是一个 `行内代码` 的例子。
 
> 这是一个块引用。
>
> > 这是一个嵌套的块引用。

- 列表项 A
- 列表项 B
  - 嵌套列表项 B1
  - 嵌套列表项 B2
- 列表项 C

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

- [x] 已完成的任务
- [ ] 未完成的任务
- [ ] 待办事项

这是一个行内代码块：`console.log('Hello, World!');`

```python title="hello.py"
import antigravity
 
def greet(name):
    """这是一个向世界问好的函数"""
    print(f"Hello, {name}!")
 
if __name__ == "__main__":
    greet("Markdown")
```

import antigravity
 
def greet(name):
    """这是一个向世界问好的函数"""
    print(f"Hello, {name}!")
 
if __name__ == "__main__":
    greet("Markdown")

npm install
npm run dev

他人に優しいあんたにこの心がわかるものか
 
人を呪うのが心地良い だから詩を書いていた
 
朝の報道ニュースにいつか載ることが夢だった
 
その為に包丁を研いでる
 
总以温柔待人的你，要怎么明白我的这颗心？
 
诅咒别人让我快乐，所以我才致力于写诗
 
登上早间新闻，向来是我的梦想
 
为此我不停打磨着菜刀
 
——《思想犯》[^1]。
 
[^1]: 《思想犯》是日本摇滚乐团ヨルシカ（YORUSHIKA）创作于 2020 年的歌曲。歌名来自乔治·奥威尔出版于 1949 年的同名小说。

质能方程是 $ E=mc^2 $。当 $ a \ne 0 $ 时，二次方程 $ ax^2 + bx + c = 0 $ 的解为 $ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $。

$$
 
\oint_S \mathbf{D} \cdot d\mathbf{a} = Q_{in} \\
\oint_S \mathbf{B} \cdot d\mathbf{a} = 0 \\
\oint_C \mathbf{E} \cdot d\mathbf{l} = - \frac{d\Phi_B}{dt} \\
\oint_C \mathbf{H} \cdot d\mathbf{l} = I_{in} + \frac{d\Phi_D}{dt}
 
$$

```mermaid
graph TB
    subgraph ClientLayer [客户端层]
        direction TB
        Web[Web 浏览器] --> |HTTPS/443| LB[负载均衡器]
        App[移动端 App] --> |API/443| LB
    end
 
    subgraph ClusterLayer [K8s 集群]
        LB --> Ingress[Ingress Gateway]
 
        subgraph Services [核心服务网格]
            direction LR
            Auth[认证服务]
            User[用户中心]
            Order[订单系统]
            Pay[支付网关]
 
            Ingress --> Auth
            Auth --> User
            Ingress --> Order
            Order --> Pay
            Order --> User
            Pay --> Wechat[微信支付]
            Pay --> AliPay[支付宝]
        end
 
        subgraph DataLayer [数据持久层]
            Redis[(Redis 缓存)]
            MySQL[(MySQL 主从)]
            ES{ElasticSearch}
 
            User --> MySQL
            Order --> MySQL
            Order --> Redis
            Services --> ES
        end
 
        subgraph MessageQueue [消息中间件]
            Kafka{{Apache Kafka}}
            Pay -.-> |支付成功事件| Kafka
            Kafka -.-> |消费| Order
            Kafka -.-> |消费| User
        end
    end
 
    style ClientLayer fill:#f9f,stroke:#333
    style Services fill:#e1f5fe,stroke:#0277bd
    style DataLayer fill:#fff3e0,stroke:#ff6f00
```

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
```

```mermaid
pie
    title 编程语言分布
    "JavaScript" : 45
    "Python" : 25
    "Java" : 15
    "C++" : 10
    "Other" : 5
```

```mermaid
gantt
    title 2024年 SaaS 平台研发路线图
    dateFormat  YYYY-MM-DD
    axisFormat  %m-%d
    excludes weekends
 
    section 需求阶段
    市场调研       :done,    des1, 2024-01-01, 2024-01-10
    需求评审       :active,  des2, 2024-01-11, 5d
    UI/UX 原型设计 :         des3, after des2, 7d
 
    section 核心开发 (后端)
    数据库架构设计 :crit,    back1, after des3, 5d
    用户认证模块   :         back2, after back1, 7d
    支付接口对接   :         back3, after back2, 10d
    API 压力测试   :         back4, 2024-02-15, 5d
 
    section 前端开发 (Web & Mobile)
    环境搭建       :         front1, after des3, 3d
    组件库开发     :         front2, after front1, 10d
    管理后台开发   :         front3, after back2, 12d
    落地页开发     :         front4, after front3, 5d
 
    section 部署与运维
    CI/CD 流程配置 :active,  ops1, 2024-01-20, 7d
    Docker 容器化  :         ops2, after ops1, 5d
    灰度发布       :milestone, 2024-03-01, 0d
    正式上线       :crit, 2024-03-10, 0d
```

> [!NOTE]
> 这是一个提示（Note）。用于引起注意的普通信息。
 
> [!TIP]
> 这是一个技巧（Tip）。用于提供有用的建议或快捷方式。
 
> [!IMPORTANT]
> 这是重要信息（Important）。需要用户特别关注的内容。
 
> [!WARNING]
> 这是一个警告（Warning）。用于提示潜在的风险或需要谨慎操作的地方。
 
> [!CAUTION]
> 这是一个危险警告（Caution）。表示执行此操作可能会导致严重后果。
 
:::note[自定义标题]
这是一个自定义标题的提示块。
:::

这段文字应该是 <span style="color: #007bff;">蓝色</span> 的，而这段是
<span style="color: #dc3545;">红色</span> 的。
 
H<sub>2</sub>O
 
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 
<abbr title="Graphics Interchange Format">GIF</abbr> 是一种位图图像格式。
 
书籍是人类进步的<del>楼梯</del>阶梯。
 
优秀的作家总是会仔细检查<u title="拼写">拚写</u>问题。
 
按下 <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Delete</kbd> 以结束会话。
 
大多数<mark>蝾螈</mark>昼伏夜出，以昆虫、蠕虫等小生物为食。
 
使用三个连字符 `---` 或 `<hr>` 标签，即可创建如下分隔线。
 
---

:::fold[点击展开查看详细信息]
这里是隐藏的详细内容。可以包含段落、列表、甚至是图片。
:::