# Markdown 语法指南欢迎使用 Markdown 编辑器！左侧是源码，右侧是实时预览效果。 --- ## 基础语法 ### 标题 # 一级标题 ## 二级标题 ### 三级标题四级标题 --- ### 文本样式 **粗体文本** 使用两个星号 *斜体文本* 使用一个星号 ~~删除线~~ 使用两个波浪号高亮文本使用 mark 标签 --- ### 链接和图片 [这是一个链接](https://example.com)

--- ## 列表 ### 无序列表 - 列表项 1 - 列表项 2 - 列表项 3 - 嵌套列表项 1 - 嵌套列表项 2 ### 有序列表 1. 第一项 2. 第二项 3. 第三项 1. 嵌套项 1 2. 嵌套项 2 --- ## 任务列表 - [ ] 待完成任务 - [ ] 另一个待完成任务 - [x] 已完成任务 - [x] 另一个已完成任务 - [x] 子任务 1 - [x] 子任务 2 --- ## 折叠列表 ### 使用 HTML 标签

点击展开查看详细内容

这是折叠列表的内容。你可以在这里放置任何 Markdown 内容： - 列表项 - **粗体** - *斜体*

--- ## 引用块 > 这是一个引用块。可以包含多行内容。 > > 支持嵌套引用 --- ## 代码 ### 行内代码这是 `行内代码` 的示例，使用反引号包裹。 ### 代码块 ```javascript function hello() { console.log("Hello, World! 🌍"); return true; } ``` ```python def greet(name): print(f"Hello, {name}!") return True ``` --- ## 表格 | 功能 | 语法 | 状态 | | --- | --- | --- | | 折叠列表 | ::> | ✅ 支持 | | 任务列表 | - [ ] | ✅ 支持 | | 表情符号 | :smile: | ✅ 支持 | | 脚注 | [^fn-1-1765035487080] | ✅ 支持 | --- ## 表情符号 😀 ❤️ 🚀 🎉 🔥 👍 ✨ 💡 📝 🎨💕 --- ## 上标和下标数学公式：E = mc^2^ 化学公式：H~2~O 温度：25°C --- ## 脚注这是第一个脚注引用，点击数字可以跳转到脚注。这是第二个脚注引用，支持多个脚注。可以多次引用同一个脚注。 --- ## 数学公式 ### 行内公式爱因斯坦的质能方程：$E = mc^2$ ### 块级公式 $$ \begin{align} \mathbf{x}^\top \mathbf{A} \mathbf{x} &\;=\; \begin{bmatrix} x_1 & x_2 & \cdots & x_n \end{bmatrix} \begin{bmatrix} a_{11} & a_{12} & \cdots & a_{1n} \\ a_{21} & a_{22} & \cdots & a_{2n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{n1} & a_{n2} & \cdots & a_{nn} \end{bmatrix} \begin{bmatrix} x_1 \\ x_2 \\ \vdots \\ x_n \end{bmatrix} \\[10pt] &\;=\; \sum_{i=1}^{n} \sum_{j=1}^{n} a_{ij} x_i x_j \\[10pt] &\;=\; \mathbf{x}^\top \mathbf{Q} \boldsymbol{\Lambda} \mathbf{Q}^\top \mathbf{x} \qquad \text{(对角化)} \\[8pt] &\;=\; \mathbf{y}^\top \boldsymbol{\Lambda} \mathbf{y} \;=\; \lambda_1 y_1^2 + \lambda_2 y_2^2 + \cdots + \lambda_n y_n^2 \end{align} $$ --- ## Mermaid 图表 ### 流程图 ```mermaid graph TD A[开始写作] --> B{选择主题} B -->|技术| C[技术文章] B -->|生活| D[生活随笔] C --> E[发布] D --> E[发布] ``` ### 时序图 ```mermaid sequenceDiagram 用户->>编辑器: 输入 Markdown 编辑器->>渲染器: 解析语法渲染器->>预览: 显示效果预览->>用户: 实时反馈 ``` --- ## 定义列表 Markdown 轻量级标记语言，使用纯文本格式编写文档 React 用于构建用户界面的 JavaScript 库 Next.js 基于 React 的全栈 Web 应用框架 --- ## 水平分隔线使用三个或更多的短横线、星号或下划线： --- --- --- --- ## 组合示例

📋 完整功能演示

### 项目任务清单 - 学习 Markdown 基础语法 - 掌握高级功能 - 开始创作文章 - 发布第一篇博客 ### 项目任务清单 - 学习 Markdown 基础语法 - 掌握高级功能 - 开始创作文章 - 发布第一篇博客 ### 重要提示这个示例结合了多种 Markdown 功能： - 折叠列表 - 任务列表 - 脚注引用 - **粗体** 和 *斜体* - 高亮文本

--- ## 快捷键提示 - **保存草稿**：内容自动保存到本地 - **发布文章**：点击右上角 "Publish" 按钮 - **预览模式**：右侧实时预览（桌面端） - **导出功能**：支持导出为 Markdown 或 HTML 格式 - **主题切换**：点击主题按钮切换深色/浅色模式 --- 🎉 **开始创作吧！** 左侧编写 Markdown 源码，右侧实时查看渲染效果。如有疑问，随时参考本指南。 [^fn-1-1765035487080]: 第一个脚注