Atom自定义MarkdownPreview

Atom设置MarkdownPreview

摘要对比自己使用过的,写Markdown的编辑器,无论在线的,PC版的;
在线的比如,有道云笔记,PC版本的比如Sublime,ATOM,VSCode,
还有各种Chrome上的插件,但是都有很多限制,个人认为ATOM是这几款
里面相对好用的。接下来就记录一下如何设置ATOM的MarkdownPreview来达
到好用的效果


__首先__ATOM可以通过修改代码的方式方便的改变UI,包括字体,编辑背景等
等,在file->stylesheet.less选项里面
然后对于设置Markdown Preview的设置:

  • 1 先要在file->setting->packages->MarkdownPreview勾选
    Use Git.com 的选项
  • 2 这个时候再去stylesheet.less设置MarkdownPreview的样式
Atom自定义MarkdownPreview_第1张图片
这是我的stylesheet.less文件

正在寻找一款插件,能把图片直接复制上去,并且能上传到的插件。


OK 找到了一款插件,叫Markdown-img-paste,

Atom自定义MarkdownPreview_第2张图片
工具展示图片

这个工具可以直接把截图粘贴到ATOM编辑器中,通过快捷键ctrl+shift+v。
另外,这个工具可以设置云存储地址,来存放图片;点击这里看详细介绍

接下来说一说意外情况

  • 1 在安装插件的时候遇到了不能安装的情况,看失败提示是建议使用
    apm命令,并且搜索到详细安装方法,请点击查看 但是我并不是完
    全按照搜索上的来的
    ,因为通过bash没找到amp命令
Atom自定义MarkdownPreview_第3张图片
git bash

所以在git cmd里面试了一下,成功安装,安装需要等待小会儿

Atom自定义MarkdownPreview_第4张图片
Git CMD
  • 2 美中不足的就是不能自定义存储图片的文件夹,我已经提交了issue了
    不知道开发者会不会回我。有机会的话可以一起开发。

  • 3 当然,不知道能不能有直接同步到的插件,这样就很棒了。 图片只能靠粘贴上好麻烦的感觉。

附上ATOM中写Markdown时候的图,挺好看的。

Atom自定义MarkdownPreview_第5张图片
Paste_Image.png

你可能感兴趣的:(Atom自定义MarkdownPreview)