简述网站开发的基本流程,商城版免费网站,黄石建设网站公司,株洲的网络营销公司有哪些使用Atom快速打造好用的Markdown编辑器
Atom当前主流的跨平台的三大编辑器(Atom,sublime,vscode)之一
今天尝试了使用Atom来打造Markdown编辑器#xff0c;快速上手且易用#xff0c;墙裂推荐#xff01;
下面直接进入正题#xff0c;一步步介绍如何使用Atom快速打造好用…使用Atom快速打造好用的Markdown编辑器
Atom当前主流的跨平台的三大编辑器(Atom,sublime,vscode)之一
今天尝试了使用Atom来打造Markdown编辑器快速上手且易用墙裂推荐
下面直接进入正题一步步介绍如何使用Atom快速打造好用的Markdown编辑器
下载并安装Atom
首先下载并安装Atom
下载链接
编辑一个.md文件
运行Atom
新建一个markdown文件
进行一些简单功能的编辑例如输入如下内容
# 这是一个测试## 普通文字
hello, markdown!## latex公式
\[
e ^ {i\pi} 1 0
\]
再加入些功能如插入代码片插入截图、表格等如下图所示
安装插件
通过简单的编辑,从文本的高亮显示可以看出Atom支持markdown文件的编辑但功能还不那么完善。
Atom中提供了大量的包/插件来帮助你DIY一个满足你高效工作的编辑器
下面介绍几个常用的插件足以满足最基本的需求不妨参考博客一起阅读此文中的动图能够方便理解。
- markdown-preview-plus(增强预览)
- markdown-scroll-sync(同步滚动)
- language-markdown(代码增强)
- markdown-image-paste(图片粘贴)
- markdown-table-editor(表格编辑)
- markdown-themeable-pdf 与 pdf-view(pdf导出)我们先将上述的插件全部安装一遍方法很简单
点击File-Settings-install
在右侧文本框中依次输入上述插件的名称进行搜索然后安装如下图所示
注意我在初次安装时失败了你也可能遇到这个问题错误信息中包含timeout的字眼需要通过科学上翻网墙进行解决。
为了更好的了解每个插件的作用熟练Atom的使用建议和我一样先将安装的插件全部关闭然后一个一个开启观察其效果。
如下图所示依次点击每个插件的Disable
预览功能
回到刚刚编辑的Markdown文件按下如下快捷键 ctrl shift m 可以看到atom中出现了预览功能。这是由Atom自带的Markdown预览插件markdown-preview完成的其功能相比于我们刚刚安装的markdown-preview-plus没那么强大。
如下图可以看到自带的预览插件不支持latex公式编辑
现在我们重新回到设置中首先在Packages中搜索找到markdown-preview将其禁用然后找到刚刚安装的markdown-preview-plus重新将其激活。
快捷键 ctrl shift m 仍然用于关闭和开启预览窗口。此外我们拥有了另一个快捷键用于支持latex公式 ctrl shift x 执行下面的步骤
重新开启预览: 执行两次 ctrl shift m
在预览框中点击鼠标以获得焦点然后执行ctrl shift x 开启latex支持
然后可以观察到atom已经支持公式编辑
同步滚动
激活 markdown-scroll-sync 插件可以看到Atom已支持同步滚动功能。
同步滚动是Markdown编辑器的必备功能方便翻阅文档修改时能快速定位到预览的位置。
markdown-scroll-sync不仅支持同步滚动在光标位置发生变更时也会同步滚动这个功能在很多Markdown编辑器中不具备。
代码增强
激活 language-markdown 插件。
一般的Markdown编辑器提供了代码着色等基本功能language-markdown除了能给代码着色还提供了快捷的代码片段生成等功能。关于快捷的代码生成功能我还没有仔细研究感兴趣可以研究下。
图片粘贴
在之前插入一幅图片需要以下步骤
截图-为文件命名并保存-整理到当前文件夹下-在.md文件中插入相应命令
现在激活 markdown-image-paste 插件插入截图的工作将变得无比简单。
使用任意截图工具进行截图无需保存复制到剪切板就行
然后键入想要保存的文件名 ctrlV 即可
效果如下图所示,十分方便
表格编辑
激活 markdown-table-editor 插件。
这个插件对于效率的提升相当明显而且能够治愈像我一样有对齐强迫症的小盆友。
使用方法 在输入例如 | Name 之后按下tab键
快重新输入一个同样的表格感受它的强大吧
PDF导出
激活 markdown-themeable-pdf 与 pdf-view
在编辑区点击 右键-Markdown to PDF
或者使用快捷键 ctrl shift e
可以导出PDF并预览这个功能可能以后会用到效果如下
