这几天在解决“Markdown中插入图片”，总算搞定写个总结分享一下，希望对大家有帮助。
一、什么问题？
Markdown 是一个高效写作的工具，但是有个缺点就是添加图片比较繁琐。
早期我的文章里几乎是不含图片，如果有也会是下图这种情况。↓
image
当时的解决方案，就是一张一张的去上传，如此低效费时的操作，简直让人吐血，于是我放弃了插入图片。
…
…
1年多过去了，在发现图片真的必不可少的情况下，再次花了时间去研究它，虽然之前研究过，但是没找到答案。今天总算实现了一个技术性的突破！
好了废话少说，干货开始。
二、怎么办？
1. 纯手动的解决方案（强烈不推荐的方法）
- 上传图片至图床
- 复制生成好的图片地址
- 用Markdown语法插入图片
此方法通过上传图片至图床，只解决了图裂的问题。但是如果插入图片过多，这样来回操作多次，简直要崩溃！
2. 半自动的解决方案
有很多软件可以实现类似这种半自动的效果
具体操作方法见下图的方法：
image
3. 全自动的解决方案（本文所教大家的方法）
在markdown编辑器中使用图床，实现快速外链贴图。
现在插入图片的操作只需一步。
- 在编辑器中粘贴你要的图片（拖拽文件也可以）
- 自动上传图片至图床网站
- 自动用markdown语法插入图片
三、如何实现全自动的解决方案
温馨提示
这里以小书匠编辑器+七牛云的图床为例。
当然你也可以使用其他的Markdown编辑器+其他的图床 来实现一样的效果。
关于markdown编辑器
市面上的markdown编辑器有很多，我自己也接触过一些款。小书匠是一个非常好的markdown编辑器，自从用它就没停下来，已经一年多了。
关于图床
图床为什么用七牛云的，因为是大厂、稳定靠谱、而且免费的功能够用。
实名认证后可以享受以下免费好礼：无上限 免费上传流量、10GB 永久免费存储空间……（唯一吐槽，注册和实名认证比较麻烦）。
啪啪啪的打脸，1个月左右，试用期过了就用不了。。。
现在是用免费的SM.MS
下面的关于七牛云的图床配置就不用看了。用免费的还不用那么麻烦。
第一步：注册七牛云，创建对象存储
- 前往七牛云官网 https://www.qiniu.com
- 申请个人账户，按照提示完成注册。
image
- 添加对象存储
image
- 查看对象存储空间，记录BucketName和图片URL前缀，等等要用到。
image
- 查看并记录七牛云个人中心的 AccessKey和SecretKey，等等要用到。
image
第二步：下载小书匠编辑器
官网地址：http://soft.xiaoshujiang.com
也可以在线使用，不用下载。大家可以自行研究。我使用的是下载客户端，然后在客户端里配置。
- 打开客户端的绑定的页面
image
- 添加七牛云图床
弹出的七牛云图床配置窗口
配置参考
其他的根据刚刚记录的粘贴进去就行了，重点在文件名生成规则： /{{filename}}
第三步：可以愉快的使用啦~
END
参考资料：
知乎：Markdown中插入图片有什么技巧？
知乎：盘点一下免费好用的图床
感谢您的阅读，如果你有什么想法，欢迎留言，期待与你的交流。
欢迎关注我的微信公众号
网友评论