985 字
5 分钟
MarkDown基础教程

Markdown 入门与进阶实战教程#

这篇文章按“能马上写出一篇规范博客”为目标,带你从基础语法到实战排版一步走完。看完后,你应该可以:

  1. 独立写出结构清晰的 Markdown 文档。
  2. 用 VS Code 高效预览、管理和导出内容。
  3. 避开常见语法坑,让文章在不同平台都稳定显示。

目录#


准备工作#

1. 安装编辑器#

2. 推荐插件#

  • Markdown All in One:快捷键、目录生成、列表增强。
  • Markdown Preview Enhanced:预览增强、数学公式、图表支持。
  • Paste Image:快速粘贴图片并自动生成链接。
  • Markdown PDF(可选):导出 PDF,但复杂样式时不一定稳定。

3. 基本工作流#

  1. 新建 xxx.md 文件。
  2. 使用 VS Code 预览:Ctrl+Shift+V
  3. 左边写作,右边预览,边改边看。

基础语法#

1. 标题#

# 一级标题
## 二级标题
### 三级标题

建议一篇文章只使用一个一级标题,正文从二级标题开始。

2. 段落与换行#

  • 空一行表示新段落。
  • 行尾加两个空格再回车表示强制换行。
  • 分割线常用 ---***

3. 引用#

> 一级引用
>> 二级引用

示例:

这是一级引用。

这是二级引用。

4. 列表#

无序列表可用 -*+,建议统一一种风格:

- 列表项 A
- 列表项 B
- 子项 B1

有序列表:

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

任务列表(Todo):

- [x] 已完成
- [ ] 未完成

5. 文本强调#

效果语法
斜体*斜体*
粗体**粗体**
粗斜体***粗斜体***
删除线~~删除线~~
行内代码`code`

说明:<u>下划线</u> 这类 HTML 标签也可用,但不同平台兼容性略有差异。

6. 代码块#

建议给代码块加语言标识,方便高亮:

#include <iostream>
using namespace std;
int main() {
cout << "hello world" << endl;
return 0;
}

行内代码示例:print("hello world");

7. 表格#

| 左对齐 | 居中对齐 | 右对齐 |
| :-- | :--: | --: |
| a | b | c |

8. 链接与图片#

行内链接:

[Markdown 教程](https://www.runoob.com/markdown/md-tutorial.html)

引用式链接:

查看更多请看[教程][md-guide]
[md-guide]: https://www.runoob.com/markdown/md-tutorial.html

图片:

![图片说明](https://example.com/demo.png)

可点击放大图:

pFZHwAe.jpg


常用扩展语法#

1. 数学公式(LaTeX)#

  • 行内公式:f(x)=ax+bf(x)=ax+b
  • 块级公式:
{abcd}\begin{Bmatrix} a & b \\ c & d \end{Bmatrix}

2. HTML 混写#

Markdown 中可以直接写 HTML,例如居中图片:

适用场景:Markdown 语法不够表达时,用 HTML 补充。


实战排版建议#

  1. 每个二级标题聚焦一个主题,控制段落长度。
  2. 代码块都标语言,避免“纯文本代码”。
  3. 列表缩进统一 2 或 4 空格,不要混用。
  4. 链接文案要有语义,不要只写“点这里”。
  5. 图片加 alt,便于可访问性和 SEO。

常见问题与排错#

1. 目录点击不跳转#

原因:标题锚点与目录链接不一致。
建议:先确定标题文本,再复制自动生成的锚点。

2. 表格错位#

原因:中英文字符宽度混合、列数不一致。
建议:先保证每行列数一致,再调整对齐符号。

3. 代码不高亮#

原因:代码块没写语言标识。
建议:把 改为js、cpp、bash 等。

4. 公式不渲染#

原因:预览器或站点未启用数学插件。
建议:确认你的 Markdown 渲染环境支持 KaTeX/MathJax。


附录速查清单#

# 标题
## 二级标题
**粗体** *斜体* ~~删除线~~
> 引用
- 无序列表
1. 有序列表
- [ ] 任务项
`行内代码`
```js
console.log('code block')
```
[链接](https://example.com)
![图片](https://example.com/a.png)
$E=mc^2$

如果你刚开始写博客,建议先按“基础语法 + 实战排版建议”这两节执行,先形成稳定写作模板,再逐步加高级语法。

MarkDown基础教程
https://zgq1008.github.io/posts/markdown_foundation/
作者
Telus
发布于
2026-03-21
许可协议
CC BY-NC-SA 4.0