Skip to content

第2章:Markdown 开发/编辑环境搭建

2.1 基础编辑工具准备

Markdown是纯文本格式,理论上可以使用任何文本编辑器来编辑。但为了获得更好的编辑体验,推荐使用专门的Markdown编辑器,它们通常提供实时预览功能,让你可以一边编辑一边看到最终效果。

通用工具

  • 记事本:Windows系统自带,极简,无预览功能
  • 备忘录:Mac系统自带,极简,无预览功能
  • TextEdit:Mac系统自带,可切换到纯文本模式

新手推荐

  • Typora:实时预览,语法提示,界面简洁,支持多平台(Windows/Mac/Linux)
  • MarkText:开源免费,实时预览,功能丰富,支持多平台
  • VS Code:配合Markdown插件使用,适合开发者

在线工具

  • Markdown Editor:在线编辑,无需安装,直接使用
  • StackEdit:功能丰富的在线Markdown编辑器,支持云存储
  • Dillinger:在线Markdown编辑器,支持导出多种格式

笔记工具内置

  • Obsidian:知识管理工具,原生支持Markdown
  • Notion:全能笔记工具,支持Markdown语法
  • 语雀:中文笔记工具,支持Markdown语法
  • OneNote:微软笔记工具,部分支持Markdown语法

2.2 工具安装与基础操作

Typora 安装步骤

Windows系统

  1. 访问 Typora官网
  2. 点击「Download for Windows」
  3. 下载安装包后双击运行
  4. 按照安装向导完成安装
  5. 安装完成后,点击桌面图标启动Typora

Mac系统

  1. 访问 Typora官网
  2. 点击「Download for macOS」
  3. 下载.dmg文件后双击打开
  4. 将Typora拖拽到Applications文件夹
  5. 从Launchpad或Applications文件夹启动Typora

Linux系统

  1. 访问 Typora官网
  2. 点击「Download for Linux」
  3. 根据你的Linux发行版选择相应的安装包
  4. 按照官方说明完成安装

基础操作

创建文档

  1. 打开Typora
  2. 点击「文件」→「新建」或使用快捷键 Ctrl+N (Windows) / Command+N (Mac)
  3. 一个新的Markdown文档就创建完成了

保存文档

  1. 点击「文件」→「保存」或使用快捷键 Ctrl+S (Windows) / Command+S (Mac)
  2. 在弹出的对话框中选择保存位置
  3. 输入文件名,确保文件后缀为 .md
  4. 点击「保存」按钮

实时预览开关

  • Typora默认开启实时预览模式,编辑区和预览区是同一个区域
  • 如需切换到源代码模式,点击「视图」→「源代码模式」或使用快捷键 Ctrl+/ (Windows) / Command+/ (Mac)
  • 再次使用相同快捷键可切换回实时预览模式

界面介绍

编辑区

  • 主要的编辑区域,你可以在这里输入Markdown文本
  • 在实时预览模式下,编辑区会实时显示渲染效果
  • 在源代码模式下,编辑区显示原始的Markdown代码

预览区

  • 在分屏模式下,右侧会显示预览区域
  • 实时显示编辑内容的渲染效果
  • 某些编辑器可能默认只显示编辑区,需要手动开启预览区

工具栏

  • 位于编辑器顶部,提供常用的Markdown功能按钮
  • 包括标题、文本样式、列表、链接、图片等功能
  • 鼠标悬停在按钮上会显示相应的Markdown语法

2.3 环境验证

验证步骤

  1. 创建测试文档:打开你的Markdown编辑器,创建一个新文档

  2. 输入测试内容:在文档中输入以下内容:

markdown
# 环境验证测试

## 二级标题

### 三级标题

这是一段普通文本。

**这是加粗文本**
*这是斜体文本*

- 无序列表项1
- 无序列表项2
  - 嵌套列表项

1. 有序列表项1
2. 有序列表项2

> 这是引用文本

---

[Markdown官网](https://daringfireball.net/projects/markdown/)

![测试图片](https://via.placeholder.com/150)
  1. 查看预览效果:确保所有元素都能正确渲染

    • 标题层级正确显示
    • 文本样式(加粗、斜体)正确显示
    • 列表(有序、无序、嵌套)正确显示
    • 引用和分割线正确显示
    • 链接和图片正确显示
  2. 保存文档:将文档保存为 test.md,确保保存成功

  3. 重新打开文档:关闭编辑器后重新打开文档,确保内容完整保留

验证标准

如果你的编辑器能够正确显示上述所有元素的渲染效果,并且能够成功保存和打开文档,那么你的Markdown环境已经搭建成功。

2.4 常用快捷键

通用快捷键

功能Windows/LinuxMac
新建文档Ctrl+NCommand+N
打开文档Ctrl+OCommand+O
保存文档Ctrl+SCommand+S
复制Ctrl+CCommand+C
粘贴Ctrl+VCommand+V
剪切Ctrl+XCommand+X
撤销Ctrl+ZCommand+Z
重做Ctrl+YCommand+Shift+Z
查找Ctrl+FCommand+F
替换Ctrl+HCommand+Option+F

Markdown专用快捷键

功能Windows/LinuxMacMarkdown语法
一级标题Ctrl+1Command+1# 标题
二级标题Ctrl+2Command+2## 标题
三级标题Ctrl+3Command+3### 标题
四级标题Ctrl+4Command+4#### 标题
五级标题Ctrl+5Command+5##### 标题
六级标题Ctrl+6Command+6###### 标题
加粗Ctrl+BCommand+B文本
斜体Ctrl+ICommand+I文本
无序列表Ctrl+UCommand+U- 列表项
有序列表Ctrl+Shift+OCommand+Shift+O1. 列表项
引用Ctrl+Shift+QCommand+Shift+Q> 引用
代码块Ctrl+Shift+KCommand+Shift+K代码
行内代码Ctrl+Shift+`Command+Shift+`代码
链接Ctrl+KCommand+K链接
图片Ctrl+Shift+ICommand+Shift+I 图片
分割线Ctrl+Shift+-Command+Shift+----
源代码模式Ctrl+/Command+/-

2.5 常见环境问题排查

预览异常

问题:编辑内容在预览中不显示或显示异常

解决方案

  • 检查是否开启了实时预览模式
  • 确认Markdown语法是否正确
  • 尝试重启编辑器
  • 更新编辑器到最新版本

格式错乱

问题:预览中的格式与预期不符

解决方案

  • 检查Markdown语法是否正确,特别是符号的使用
  • 确认编辑器是否支持你使用的语法特性
  • 尝试在不同的编辑器中打开文档,查看是否是编辑器兼容性问题

文档无法保存

问题:无法保存Markdown文档或保存后内容丢失

解决方案

  • 检查文件权限,确保你有写入权限
  • 确认保存路径是否存在
  • 尝试使用不同的文件名保存
  • 检查磁盘空间是否充足

编辑器崩溃

问题:编辑器频繁崩溃或无响应

解决方案

  • 更新编辑器到最新版本
  • 关闭不必要的插件或扩展
  • 尝试清理编辑器缓存
  • 如果问题持续,考虑更换其他编辑器

特殊字符显示问题

问题:文档中的特殊字符显示异常

解决方案

  • 确保文档使用UTF-8编码
  • 尝试转义特殊字符,如使用 \ 转义
  • 检查编辑器的字符编码设置

图片不显示

问题:文档中的图片无法显示

解决方案

  • 检查图片路径是否正确
  • 确认网络图片链接是否可访问
  • 检查本地图片是否存在
  • 尝试使用绝对路径或相对路径

通过以上步骤,你应该能够成功搭建Markdown编辑环境,并解决常见的环境问题。如果遇到其他问题,可以查阅编辑器的官方文档或社区论坛寻求帮助。

© 2026 编程马·菜鸟教程 版权所有