02 编辑器与预览工具¶
先搞清楚两件事¶
- 写 Markdown 只需要一个纯文本编辑器——记事本也行。
- 看效果 需要「渲染」，也就是把 md 转成 HTML/PDF。所以你需要一个带实时预览的工具，或者一个在线渲染网站。
推荐工具对比¶
| 工具 | 平台 | 实时预览 | 适合场景 | 费用 |
|---|---|---|---|---|
| VS Code | Win/Mac/Linux | ✅（侧栏预览） | 写代码 + 写文档，最通用 | 免费 |
| Typora | Win/Mac/Linux | ✅（所见即所得） | 纯写作，最舒服 | 收费（有试用） |
| Obsidian | Win/Mac/Linux/移动 | ✅ | 笔记、知识库、双链 | 个人免费 |
| Joplin | 全平台 + 手机 | ✅ | 开源笔记、同步 | 免费 |
| MarkText | Win/Mac/Linux | ✅ | 开源免费、Typora 平替 | 免费 |
| GitHub 网页 | 浏览器 | ✅（预览标签页） | 快速改 README | 免费 |
| stackedit.cn / 在线 md 编辑器 | 浏览器 | ✅ | 临时、零安装 | 免费 |
VS Code（推荐给开发者）¶
- 安装 VS Code：https://code.visualstudio.com/
- 打开一个文件夹，新建
笔记.md - 按
Ctrl + Shift + V（Mac：Cmd + Shift + V）→ 打开预览侧栏 - 左边写、右边实时更新
必装插件（可选，装了体验更好）
Markdown All in One：快捷键、自动列表、目录、格式化Markdown Preview Enhanced：更花的预览（支持公式、流程图、导出 PDF）markdownlint：检查语法规范（专治空格、标题层级乱来）
💡 VS Code 还有个隐藏技巧：在设置里搜
markdown.preview.breaks，打开后单个换行也会换行（默认要空一行才算新段落）。写中文笔记时很实用。
Typora（推荐给纯写作）¶
- 官网：https://typora.io/
- 特点：所见即所得——你打
**粗体**，它当场就把文字变粗，不显示星号。 - 导出 PDF / HTML / Word 都支持，适合写正式文档。
缺点是收费（约 ¥89 一次性买断，含 3 台设备）。预算有限可以用 MarkText（开源免费，界面几乎一样）。
Obsidian（推荐给做笔记/知识库）¶
- 官网：https://obsidian.md/
- 本质是「一堆本地 md 文件 + 一个漂亮的阅读器」，数据完全在你手里。
- 杀手锏：
[[双链]]笔记互相关联、图谱视图、插件生态。 - 个人使用免费。
手机上看 / 写¶
- 安卓 / iOS：Obsidian、Joplin、Markor（安卓、轻量）、iA Writer
- 只看不改：把 md 传到 GitHub，用手机浏览器看；或者用本站的「落英文档 App」
不知道选哪个？按这个来¶
写代码顺便写文档 → VS Code
只想安静写作 → Typora（或免费的 MarkText）
做长期笔记/知识库 → Obsidian
临时预览一段文字 → 在线编辑器（stackedit.cn 之类）
预览不出来？常见原因¶
| 现象 | 原因 | 解决 |
|---|---|---|
| 星号、井号原样显示 | 你打开的是纯文本模式，没开预览 | 找「预览 / Preview」按钮 |
| 换行没生效 | Markdown 默认「空行才分段」 | 段落之间空一行；或开 preview.breaks |
| 表格乱了 | 缺少分隔行 \|---\|---\| |
见 07 表格 |
| 代码块没高亮 | 没写语言标记 | 开头三个反引号后加语言名，如 ```java |
本章练习¶
- 装一个编辑器（推荐 VS Code，或直接在网页版在线编辑器里试）。
- 新建文件，写一个一级标题 + 一段正文 + 一个列表。
- 打开实时预览，确认右侧渲染正确。
下一章开始正式学语法。