📝 Markdown 语法演示大全

这篇文章将展示 Markdown 的各种语法功能，帮助大家更好地使用 Markdown 写作。

📖 基础语法

标题语法

1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

文本格式

  • 粗体文本 - 使用 **文本** 或 __文本__
  • 斜体文本 - 使用 *文本* 或 _文本_
  • 粗斜体 - 使用 ***文本***
  • 删除线 - 使用 ~~文本~~
  • 行内代码 - 使用 `代码`

段落和换行

这是第一段文字。段落之间用空行分隔。

这是第二段文字。
在行尾加两个空格可以换行。
这样就换行了。

引用

这是一级引用

这是二级引用

这是三级引用

名言警句

“知识就是力量。” —— 培根

📋 列表语法

无序列表

  • 第一项
  • 第二项
    • 子项 1
    • 子项 2
      • 子子项 1
      • 子子项 2
  • 第三项

有序列表

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

任务列表

  • 已完成的任务
  • 另一个已完成的任务
  • 未完成的任务
  • 另一个未完成的任务

🔗 链接和图片

链接语法

图片语法

Butterfly Logo

图片说明文字

💻 代码语法

行内代码

使用 console.log() 函数输出信息。

代码块

1
2
3
4
5
6
7
8
// JavaScript 代码示例
function greetings(name) {
    console.log(`Hello, ${name}!`);
    return `欢迎使用 Butterfly 主题！`;
}

const user = 'Developer';
greetings(user);
1
2
3
4
5
6
7
8
9
# Python 代码示例
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

# 输出前10个斐波那契数
for i in range(10):
    print(f"F({i}) = {fibonacci(i)}")
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* CSS 代码示例 */
.butterfly-theme {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.butterfly-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

📊 表格

基础表格

姓名 年龄 职业
张三 25 工程师
李四 30 设计师
王五 28 产品经理

对齐表格

左对齐 居中对齐 右对齐
内容1 内容1 内容1
内容2 内容2 内容2
内容3 内容3 内容3

功能对比表

功能 免费版 高级版 企业版
基础功能 ✅ ✅ ✅
高级主题 ❌ ✅ ✅
插件支持 ❌ ✅ ✅
技术支持 ❌ ❌ ✅
源码授权 ❌ ❌ ✅

🎨 高级语法

分割线

转义字符

使用反斜杠转义特殊字符：

*不是斜体*
[不是链接]
`不是代码`

HTML 标签

🎉 HTML 样式展示

Markdown 支持嵌入 HTML 标签来实现更丰富的样式效果。

这是一个渐变背景的 div 元素

键盘按键

按 Ctrl + C 复制
按 Ctrl + V 粘贴
按 Ctrl + Z 撤销

上标和下标

  • H2O (水的化学式)
  • E = mc2 (爱因斯坦质能方程)
  • X2 + Y2 = Z2

📐 数学公式

行内公式

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

块级公式

$$
\begin{align}
\nabla \times \vec{\mathbf{B}} -, \frac1c, \frac{\partial\vec{\mathbf{E}}}{\partial t} &= \frac{4\pi}{c}\vec{\mathbf{j}} \
\nabla \cdot \vec{\mathbf{E}} &= 4 \pi \rho \
\nabla \times \vec{\mathbf{E}}, +, \frac1c, \frac{\partial\vec{\mathbf{B}}}{\partial t} &= \vec{\mathbf{0}} \
\nabla \cdot \vec{\mathbf{B}} &= 0
\end{align}
$$

🎯 实用技巧

1. 文档结构

良好的文档结构包括：

  • 清晰的标题层级
  • 合理的段落分布
  • 适当的列表使用
  • 必要的代码示例

2. 可读性优化

  • 使用加粗突出重点
  • 使用代码标记标识技术术语
  • 合理使用引用突出重要信息
  • 添加适当的空行分隔内容

3. 交互元素

  • 使用任务列表跟踪进度
  • 添加链接提供更多信息
  • 插入图片增强视觉效果
  • 使用表格组织数据

🔧 工具推荐

Markdown 编辑器

  1. Typora - 所见即所得编辑器
  2. Mark Text - 开源实时预览编辑器
  3. VSCode - 配合插件使用
  4. Obsidian - 知识管理工具

在线工具

📚 学习资源

想要深入学习 Markdown？推荐以下资源：

📝 小结

Markdown 是一种轻量级标记语言，具有以下优势：

  • ✅ 简单易学 - 语法简洁明了
  • ✅ 跨平台 - 任何文本编辑器都能编辑
  • ✅ 格式统一 - 专注内容而非格式
  • ✅ 版本控制友好 - Git 可以很好地跟踪变化
  • ✅ 广泛支持 - 大多数平台都支持

掌握 Markdown，让你的写作更加高效！✨