用 Atom，在 Windows 上定制属于自己的 Markdown 编辑器

少数派 · 公众号 · 科技媒体 · 2017-08-17 22:30

正文

请到「今天看啥」查看全文

我一直在 Windows 上寻找一款足够媲美 MWeb 和 Ulysses 的 Markdown 编辑器。可惜 Windows 上优秀的编辑器较少，于是我盯上了这款本为程序员设计的 Atom 编辑器。

我在对 Atom 有想法之前，使用的 Markdown 编辑器是马克飞象。马克飞象不仅可以与 Evernote 进行同步，而且在图片插入方面也有着不小的优势。之前我还尝试过 Typora 可惜不太习惯它的「所见即所得」，更喜欢分屏的「编辑 + 预览」形式。于是我开始寻找 Windows 平台上的 Markdown 编辑器。

Atom 是一款优秀的编辑器，编辑功能完善，更新快，主题丰富，全面支持 Github，对各种编程语言进行了优化。由于采用了模块化的设计，可定制化程度非常高。它的可拓展性和丰富的插件是一大亮点，号称「21 世纪的可编程编辑器」。

一次偶然的机会，我发现 Atom 的 Markdown 方面的插件已经非常成熟，安装也相对简单。再加上 Atom 本身的灵活性很强，非常适合定制出一款适合自己的 Markdown 编辑器。

▍ 论 Markdown 编辑器的基本素养

我认为一个优秀的 Markdown 编辑器应该具备的功能有以下这些：

足够方便的编辑功能，有全面的快捷键
支持导出 HTML、PDF 格式的文件
方便快捷地插入图片、链接等
支持 LaTeX 公式、表格

还有一些加分项：

美观的高亮着色
能够接入各种云服务
可以自定义 CSS 样式
美观的界面、丰富的主题、自定义字体

通过 Atom 改造的 Markdown 编辑器，已经满足了大部分条件。

那就让我们开始改造吧。

▍ 第一步：下载并安装 Atom

我们需要在 Atom 的官网下载 Atom（支持 Windows、macOS、Linux、FreeBSD 系统），并完成安装。

▍ 第二步：安装中文补丁

中文环境有助于我们更快地适应 Atom 编辑器。这一步不是必需的，如果你更喜欢英文环境就跳过这一步吧。

在 File 中找到 Settings，进入设置页面。

点最下面的 Install，搜索 Chinese，找到「simplified-chinese-menu」，然后点击 Install 即可。

如果你的网络环境较差，可以在该插件的 Github 页面下载中文补丁。

▍ 第三步：下载并安装 Markdown 增强插件

经过比较，我选择了这款 Markdown-preview-enhanced 插件，它提供了 Markdown 相关的大部分功能，覆盖非常全面。

安装方式与中文补丁类似。在插件安装界面搜索「markdown-preview-enhanced」，点击安装即可。

如果你的网络环境较差，可以在该插件的 Github 页面下载 Markdown-preview-enhanceed。

做到这一步，你就可以使用经过 Markdown 加持的 Atom 编辑器了。

▍ 学习使用全新的编辑器 Atom

Atom 本身就是一个优秀的编辑器，不仅对各种语言支持良好，自带了自定义字体、自定义快捷键等功能，同时还有大量主题、大量插件可以使用，对 Github 的支持更是远超其他的编辑器。

而且 Atom 自带了完善的 Markdown 语法支持，在 Markdown-preview-enhanceed 这款插件的加持下，更是如虎添翼。既然是第一次使用，还是需要简单学习并了解一下这个编辑器的。

基础性功能的改进

这款插件在编辑方面的改进：

自动高亮 Markdown 语法
支持预览滑动同步
支持 LaTeX
可以利用代码渲染 TikZ、Chemfig 等图形

这是 Markdown 编辑器在编辑方面的基础性功能，最大的亮点是通过代码生成流程图、时序图等。

我利用简单的几行代码，就生成了一个流程图。

对导入导出功能的改进

在导入导出方面的改进：

支持导入外部文件
支持导出 PNG、JPEG 格式的文件（需要额外安装 phantomjs）
支持导出 HTML 文件（移动端支持）

在导入图片的时候，按下 Ctrl + Shift + I，会出现图片导入助手。支持链接、拖拽导入、上传图片到图床等功能。

你也可以直接把图片拖拽进 Atom ，它会自动上传到图床，图床限定为 imgur.com 和 sm.ms 这两个。经过测试，imgur.com 短时间内可以上传 25 张左右的图片（也可能是流量限制），墙内用户建议使用 sm.ms，不限量免费上传图片，足够日常使用。但如果文章访问量较大，还是建议使用自己的 CDN。