如何利用 Atom 打造一个带有便捷图床功能的 Markdown 编辑器

市面上使用的 Markdown 编辑器基本分为需要安装的本地编辑器以及一些网站自带的在线编辑器。

笔者使用过的不多,大致如下:

在线类:

  • GitHub/GitLab/GitCafe(现已被收购) 的编辑器,基本大同小异,写 wiki写Issue写Comment都很顺手(恩都是同性交友~技术社区)
  • SegmentFault 的博客编辑器:几乎实时保存,浏览器崩溃重新打开可快速恢复
  • MaHua:正儿八经的在线 Markdown 编辑器

本地类:

  • Mac:Mou
  • 全 OS系列:Atom (自带的 markdown-preview)

从我自己的使用角度来看,在线和本地各有优劣:

优点 缺点
在线 几乎都自带图床,剪贴板复制直接上传 体性能要看浏览器脸色,自动保存也看其本身是否支持
本地 稳定性一般好于在线版,各种保存导出体验比较优秀,可以疯狂的ctrl+S(适合强迫症患者) 很少自带图床,需要额外图床获取图片url

笔者因为偶尔也会写写 Code,又是 GitHub、GitLab 中度用户,因此平时用 Atom 为主。
Atom 是个好东西、作为一个用 Electron 做的跨平台桌面应用,社区内各种黑科技插件天上飞。你说兹磁不兹磁?

今天要讲的其实是利用 Atom 以及 knightli 为其开发的2款插件 markdown-assistant+qiniu-uploader来打造一个顺手的 Markdown 编辑器
(其实本来是同一款插件,作者考虑到不同用户会有自己喜欢的图床给拆开了)

Step 1 打开 Atom,安装 markdown-assistant 及 qiniu-uploader
安装markdown-assistant

安装qiniu-uploader
Step 3 将 qiniu-Uploader 设置为 markdown-assistant 的默认图床
配置markdown-assistant
Step 2 配置你的 qiniu-Uploader
配置 qiniu-uploader
  • AK/SK 在你的 「个人面板」-「密钥管理」,如图


    AK-SK
  • Bucket 就是你的「对象存储空间」的名字,比如我的叫「atom-markdown-img」(注意要设置为公开空间,否则你上传后是不可以通过外部链接查看的)
    存储空间名称
  • Domain
    用七牛提供的免费测试用 Domain 就满足了.

全部设置完后就可以开始浪了,这篇 blog 的图片同样使用了这2款插件来实现快速上传插入,祝你用餐愉快,再次感谢插件作者knightli

你可以开始浪了
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 欢迎查看这篇Atom图床搭建的文章 最近在用markdown粘贴图片总是很麻烦,要是直接能想word那样粘贴就好了...
    codestory阅读 3,736评论 0 0
  • 因为对markdown比较感兴趣,所以一直想找一款能够实现本地化的markdown编辑器,先后用过vscode、c...
    阡陌夕殇阅读 8,823评论 2 1
  • 作者:王子亭 Atom 是 GitHub 在 2014 年发布的一款基于 Web 技术构建的文本编辑器,我从 20...
    LeanCloud官方帐号阅读 8,334评论 0 13
  • 暗恋是一壶温酒,暖了回忆,醉了曾经,后来它变凉了,于是,整个青春都凉了。 突而对朋友说出尘封在心里许多年的暗恋 只...
    泠诺阅读 3,452评论 0 1
  • 控件集合 github本月最受欢迎Java项目 Android开源项目分类汇总 RxJava RxJava 与 R...
    Echo剑心阅读 1,807评论 1 1