美文网首页Markdown技巧集:Tips and TricksLinux程序员
如何利用 Atom 打造一个带有便捷图床功能的 Markdown

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

作者: 土机灵 | 来源:发表于2016-08-09 15:10 被阅读2539次

市面上使用的 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

你可以开始浪了

乔治大魔王,以前是个程序猿,现在是个产品汪。
先后就职于 京瓷、GitCafe、DaDaABC。目前就职于 极客理财师。

相关文章

网友评论

  • Willis1:不错,如果是Mac电脑的话,倒是可以试试我这个PicUploader,我自己写的插件,用来上传图片到包括七牛云在内的8种云,开源免费,支持自动压缩图片、支持文字水印/图片水印,调整水印位置,同时上传多张图片,配置好后使用非常方便,只需要:右击图片→点击自定义菜单→到markdown编辑器中粘贴,有兴趣可以试试:https://www.xiebruce.top/mac/17.html,如果这个能给你带来方便,记得github给个star哦!
  • awsome365:> 用七牛提供的免费测试用 Domain 就满足了.
    测试域名有30天有效期,过期后怎么版
    土机灵:@awsome365 其实我也不太用啦 后来公司用confluence 来写文档就不太用markdown啦
    awsome365:@乔治大魔王 现在有什么办法吗。。。
    土机灵:@awsome365 好久以前写的帖子啦 当时免费 domain 长期可用:stuck_out_tongue_winking_eye:
  • Went_Gone:楼主有没有遇到过复制本地图片文件到markdown文件中时无法复制进行上传。但是如果是通过截屏直接ctrl+v就可以进行上传图片的情况呢?
  • 杨柳岸小鹏残月:qiniu-uploader安装后没有设置按钮怎么设置呢
    41c6a50a8600:参考这边文章吧, https://marishunxiang.github.io/2017/07/23/Atom-%E7%BC%96%E5%86%99-markdown-%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/
  • fca3a83db85c:安装qiniu-Uploader报错了 似乎好多人都遇到了
    41c6a50a8600:@卢海逸 参考看这篇文章把 [传送门](https://marishunxiang.github.io/2017/07/23/Atom-%E7%BC%96%E5%86%99-markdown-%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/)
    土机灵:@blackpig5210 有翻墙吗,目前 atom 插件很有几率被墙
  • c495a50f44cd:感谢分享
    土机灵:@明媚中的一缕忧伤 帮助到各位就好 :kissing_heart:

本文标题:如何利用 Atom 打造一个带有便捷图床功能的 Markdown

本文链接:https://www.haomeiwen.com/subject/uyfdsttx.html