ubunut18.04将atom打造为智能的markdown编辑器

1. 安装atom
2. 新建自己的markdown文件
  • 在菜单栏中点击File --> New File,输入以下内容后,ctrl+s 保存为markdown文件,文件命名1.md
#### 这是我的第一个markdown文件
hello  world
  • 通过快捷键ctrl+shift+M,预览自己编辑的markdown文件,或者菜单栏Packages --> Markdown to Preview --> Toggle Preview,实现markdown文件的实时预览。
    在这里插入图片描述
3. 安装相关插件
① 打开atom的settings
  • 方法一: 我们如果只想打开Packages,进行插件安装的话,可以从atom启动后的Welcome Guide中打开,点击Install a Package即可。
    在这里插入图片描述
  • 方法二: 菜单栏Packages --> Settings View --> Open,我们主要会用到左边栏的PackagesInstall。其中Packages可以查看已经安装的插件,实现对插件的管理UninstallDisable禁用Enable启用);Install可以输入关键词,查询自己想要安装的插件
    在这里插入图片描述
② 安装markdown-preview-plus(如果想要实时滚动起作用,可以跳过该插件)
  • atom中已经默认安装了markdown-preview,我们刚刚在预览markdown文件时,已经使用到了。
  • markdown-preview-plus相对于默认的markdown-preview,他多了对Latex公式的支持(ctrl+shift+X)。
  • 在Install的搜索框中输入markdown-preview-plus,点击Install进行安装。我这里是已经安装过了(于是从Packages中进行的搜索),但为了使用实时滚动,所以又禁用了。
    在这里插入图片描述
  • markdown-preview-plus使用之前,需要先禁用markdown-preview。
  • 禁用插件的方法:Packages中输入markdown-preview,点击Disable让其变成上图中的样子即可。
    在这里插入图片描述
③ 安装markdown-scroll-sync(同步滚动)
  • markdown-scroll-sync不仅支持同步滚动,在光标位置发生变更时也会同步滚动,这个功能在很多Markdown编辑器中不具备。
  • 注意: 要想使用同步滚动功能,一定不能使用markdown-preview-plus。因为这个插件是针对原生的markdown-preview的,如果你装了markdown-preview-plus是没用的。
  • 我自己就遇到了这个情况,找了很久才找到原因。必须要感谢知乎:atom中markdown-scroll-sync为什么不能同步预览?
  • 安装方法跟markdown-preview-plus一样,输入的关键词为markdown-scroll-sync。
  • 安装后,markdown文件发生滚动,右边的预览文件也会发生滚动,超级方便!!!
    在这里插入图片描述
④ 安装language-markdown(代码增强)
  • 一般的Markdown编辑器提供了代码着色等基本功能,language-markdown除了能给代码着色,还提供了快捷的代码片段生成等功能。
  • 他可以自动帮助我们进行代码生成,比如我想编辑一个java 的class,当我们输入cl时,就会提示class,然后帮我们生成以下内容:
class MyClass extends Parent implements Interface {
  
}
  • 我们便可以按照自己的意愿,进行代码的编辑了。
⑤ 安装markdown-image-assistant(图片助手)
  • 也有教程说安装 markdown-image-paste,但是我安装以后,重启了atom,将截图保存在剪贴板中后,ctrl+v没有任何反应。感兴趣的可以尝试一下:使用Atom快速打造好用的Markdown编辑器
  • 安装好markdown-image-assistant后,将截图保存在剪贴板中,然后ctrl+v生成对应的代码,并在预览中显示对应的图片。可以在[]中为图片命名,我的命名为icon。
![icon](assets/1-93d1b9bf.png)

在这里插入图片描述

⑥ 安装markdown-table-editor(表格编辑)
  • markdown中编辑表格时,要么粘贴表格样式,要么手动输入相关代码,非常麻烦!
  • 使用markdown-table-editor,输入表头姓名后,按Tab键,自动帮我们补全表格;写好表头后,在第二行末尾按enter键,自动帮我们生成表格。
  • PS: 由于自己不会添加动图,所以无法展示markdown-table-editor的强大功能。这款插件超级推荐!!!
    在这里插入图片描述
⑦ 安装markdown-pdf(markdown文件导出为pdf)
  • 安装完成后,使用快捷键ctrl+shift+c,便可以将markdown文件导出为pdf文件。
    在这里插入图片描述
    在这里插入图片描述
  • 如果导出pdf时出现错误提示,或者发现生成的内容空白、有误,可以查看console了错误原因。
  • 菜单栏View --> Developer --> Developer Tools,打开开发者工具,然后选择console查看错误原因。
markdown-pdf.js? [sm]:135 Error: 
ENOENT: no such file or directory, open '/home/hadoop/.atom/styles.less'

在这里插入图片描述

⑧ 安装pdf-view
  • 安装了markdown-pdf插件,发现通过atom查看pdf文档为乱码。这时需要安装pdf-view插件即可!

参考链接:
工具类Atom中的markdown插件
Atom Console?

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值