Atom写markdown及本地下载Atom插件

如果你使用过sublime,那么你肯定会喜欢上 ATtom 。两者的操作技巧和插件都有很多相似地方,只不过是用不同的语言写的。

Atom简介

在web开发界编辑器的更新换代是很快的,最后一次使Web开发界轰动的编辑器,非Sublime Text莫属了。如今,github开发了自己的编辑器-Atom。如果你对sublime的操作技巧很熟悉,那么你会很快适应和爱上Atom的。Atom是由web技术构建的,所以每一个窗口都是由本地渲染的网页。

使用Atom的原因

最近一直在找一个好用的 markdown编辑器 ,试用了很多,都没有找到一个好用的。在线编辑器功能一般不全,而且保存比较困难,大部分客户端的写字编码速度比较慢,sublime虽然可以下载markdown的增强插件,但是不支持本地预览,而且浏览器渲染出来的html文件比较难看且鸡肋。后来得知Atom可以本地预览,最重要的是编写技巧和sublime很像,速度可以保证, 理所当然的开始用啦。不过也只是写博客可文章使用,写代码还是要使用神一样的编辑器- sublime

插件下载失败

插件下载的时候,我本来用的是半图形界面下载,但是出现了下载失败的问题,百度并没有得出很好的解释。毕竟Atom官方文档还不完善,资料不多。
出现失败如下图片所示:
《Atom写markdown及本地下载Atom插件》
此时以save-auto为例,因为我已经本地装上了activate-power-moda插件-著名的炫酷吊炸天插件,当然了写个文章还行,写代码就别用了,头都晕了。

通过git本地下载插件

方法如下:

  1. 在git中,(我用的是github客户端自带的 git shell )切换路径到图片中的地址- C:\Users\lenovo\.atom\packages 每个人的电脑地址不同。

  2. git clone下来你要下载的插件(点击图片中插件名字即可找到github上仓库地址)

  3. 命令提示符 cd 进入插件目录, npm install 等待插件安装完成即可

  4. 重启Atom

代码如下:

cd ~/.atom/packages
git clone <你想安装的 Package 的仓库链接> # 比如:git clone https://atom.io/packages/activate-power-moda
cd <Package 路径> # cd emmet-atom
npm install

使用Atom写markdown

使用Atom写markdown简直爽翻了,可以实时预览,而且排版渲染的还比较好看,支持自定义主题和语法高亮,支持图片链接及时渲染,因为本身编辑器就是网页。 加上炫酷的 activate-power-moda 插件,简直像做一件艺术品。
渲染效果如下:
《Atom写markdown及本地下载Atom插件》

markdown图片问题

使用markdown不方便的地方是图片插入问题,很多软件在本地上传功能中都要收费。这里有两种解决方法。

  1. 使用相对地址 ,将图片和xxx.md文件放在同一级别文件夹下面,然后
    !\[图片描述]\(xxx.png)格式即可,不过当发布博客时候,相对地址,必须文件夹完整,否则会出问题,这个方法兼容性不好。

  2. 使用七牛云 将图片放在七牛云空间里面,然后复制外链地址,一劳永逸,可以随处分享,不用担心兼容问题。

  3. 如果你有更好的解决方式或者编辑器,请告诉我。

试用Atom的简单总结

优点

  1. 界面美丽,操作和sublime相似,学习成本低。

  2. 编写markdown极其方便,舒服。

  3. github官方支持,有很多极客爱好者支持。

缺点

  1. 发展时间短,版本不稳定,bug比较多,参考文档少。

  2. web渲染而成,打开启动速度比较慢,相比较sublime还是逊色不少。  

两者各有千秋,平时写代码当然还是用github啦,写个markdown文章,博客,强烈推荐用Atom.

    原文作者:瑞雪
    原文地址: https://segmentfault.com/a/1190000004562861
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞