打造最好用的Atom-markdown编辑器

版权声明:站在巨人的肩膀上学习。 https://blog.csdn.net/zgcr654321/article/details/85013564

Atom介绍

Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器,是当前主流的跨平台的三大编辑器(Atom,sublime,vscode)之一。Atom内置对markdown的支持,能够方便的进行解析预览。

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

写markdown格式的博客需要了解一些markdown基本语法,请看这篇文章:https://blog.csdn.net/zgcr654321/article/details/85013607

安装Atom软件

首先我们要安装Atom。去官网下载安装对应你平台的Atom版本,安装完成。然后打开Atom软件。
如:

在这里插入图片描述

设置Atom主题

file->settings->Themes可以设置主题,默认主题one dark背景是黑色的,想改为白色可将UI Themes和Syntax Themes改为one light。

如:

在这里插入图片描述

修改好后背景就是白色了。

扫描二维码关注公众号,回复: 4634168 查看本文章

安装下列外置插件

安装前请务必打开代理,因为插件都是从github上下载的,不打开代理下载速度很慢且经常下载失败。

点击File->Setting->Install,依次搜索并安装下列插件:

markdown-toc(主要用来快速生成markdown目录)
markdown-preview-enhanced(含同步滚动预览,Latex公式预览)
language-markdown(代码增强)
markdown-img-paste(剪贴板图片快速粘贴到md文件)
insert-timestamp(md文件中快速插入当前时间,写博客或日志常用)
markdown-table-editor(md文件快速生成表格)
markdown-themeable-pdf 与 pdf-view(pdf生成导出与pdf预览)

注意

安装时务必打开梯子,选择全局模式!!否则有些插件会安装不上。

如:

在这里插入图片描述

markdown-toc

安装好该插件后,我们只要enable它即可,我们主要使用它来快速生成目录。使用ctrl+alt+c就可以生成目录,使用ctrl+alt+u可以更新目录。

markdown-preview-enhanced

这个插件是原生插件markdown-preview的增强版,使用这个插件就不需要安装原生的markdown-preview插件了。该插件包含同步滚动预览功能,并且支持预览Latex格式的公式,安装了该插件就不用安装markdown-scroll-sync插件了。

打开一个.md文件,按ctrl+shift+m即可开启同步滚动预览。

insert-timestamp

该插件可以md文件中快速插入当前时间,写博客或日志时常用。安装好后,enable插件。使用ctrl+shift+alt+t就可以插件当前时间。

language-markdown

代码着色增强插件,安装后enable即可。language-markdown除了能给代码着色,还提供了快捷的代码片段生成等功能。

如:

在这里插入图片描述

markdown-img-paste

安装这个插件后,我们可以将用任意的截图软件截图后(只要截图保存在剪贴板中),使用ctrl+shift+v就可将图片粘贴到.md文件中,并生成一个空白的title让你填写,在预览中显示出图片。这个图片会默认保存在.md文件同目录下的assets文件夹中。

如:

在这里插入图片描述

这是在.md文件中图片显示出来的效果:

在这里插入图片描述

markdown-table-editor

安装好后enable即可。使用时在行首输入|,然后按Tab,如果|变粉红则创建了表格。|后可以写这个单元格的内容,写完了一个单元格再按|。即创建了一个单元格。写完表格一行按enter会自动生成下一行同样列数的单元格。

注意创建表格前必须空一行。

如:

在这里插入图片描述

表格效果:

在这里插入图片描述

markdown-themeable-pdf与pdf-view

将md文件快速保存为pdf的插件与pdf预览插件。

按ctrl+s先保存文件,然后在编辑区点击右键->Markdown to PDF或者使用快捷键ctrl+shift+e可以导出PDF并预览,导出的pdf默认与.md在同一文件夹内。

如:

在这里插入图片描述

文件保存在.md文件同级目录下:

在这里插入图片描述

写博客必备辅助软件

公式快速转换成LaTex格式

写博客总要写一些公式,LaTex是一种非常好的公式表达方法,但是其语法繁多,学习曲线陡峭。
现在我们可以用更简单的方法来写LaTex公式啦!下面推荐两种方式:

1.鼠标手写数学公式转换成LaTex公式。网址在这里:https://webdemo.myscript.com/views/main/math.html 。这个网站可以让你用鼠标手写数学公式,OCR识别并转换成相应的LaTex公式格式;

2.安装Mathpix软件。安装完成后打开软件,默认ctrl+alt+M截图(当然你也可以自己设置快捷键),软件会自动识别截图区域的公式并转换成相应的LaTex公式格式。下载地址在这里:https://mathpix.com/

快速生成gif动态图片

这里推荐一个软件:LICEcap。 LICEcap是一款简洁易用的动画屏幕录制软件,它可将屏幕录像的内容直接保存为高质量(每帧颜色数量可超过256)GIF动态图片格式。并且支持特别标记鼠标操作动态效果。支持加入时间显示和标题名称帧及自定义热键功能,并自由调整录制窗口大小。下载地址在这里:https://www.cockos.com/licecap/

插入gif图到markdown文件要复杂一点,首先你要把图片放到一个已知的路径上,比如本地显示就放在本地的某个文件夹里,在网站上显示就得放到一个云服务器或者云空间之类的地方(只要图片放在那里可以生成一个http链接,使得你的markdown文件可以链接去下载该图片)。

然后我们按类似插入图片的格式插入gif:

在这里插入图片描述

如:

在这里插入图片描述

按上述步骤安装和配置完所有插件和辅助软件,你就能用Atom编辑器愉快地写.md文件格式的博客啦!

猜你喜欢

转载自blog.csdn.net/zgcr654321/article/details/85013564