最近更换了hexo,一时间没找到比较合适的编辑器，虽然在渲染部分各个软件之间都没有什么差别，但是最让人头疼的莫过于图片处理，之前常用的突然在图片处卡主，导致以前的文章也没有进行迁移，今天特此找到了’挚爱’vscode，记录下这美好的时刻

对于图片有三种方法：

• 插入本地图片

1

![img](/img/img.png)

这种情况的缺点相当明显，不够灵活

• 插入网络图片

1

![img](https://img.com/img/img.png)

缺点太依赖网络

• 图片存入markdown文件

1

![img](data:image/png;base64,Imasdf...)

这种情况的话，插入的打断字符串会让整篇文章看起来非常的乱，间隔性不好，那么就有了替代方案

1
2
3
4
5

![avatar][doge]

文末存储字符串语法：

[doge]:data:image/png;base64,iVBORw0......

这种进阶方案不常见，够灵活，让人看不懂，看起来高大上。

如果是在线博客的话，那么我们采用插入网络图片就好了，这就又遇到了一种情况，图片的插入，如果是上传到图床然后复制下链接，这种情况下是很影响写作的，于是我搜集了相关的编辑器插件体验。

sublime 启动速度快，但是七牛图床插件不好用，没有找到相关的插件，这个非常尴尬

atom 启动速度超级慢，但是好处是可以配合七牛进行上传操作，能快速的帮助图片生成链接

vscode 这个的才是今天的主角，啊哈，启动速度快，并且有对应的插件，支持一键上传，岂不美哉？

插件安装

效果图走起帅不帅！

Install

Ctrl+P 输入命令

1

ext install qiniu-upload-image

用户配置

安装完毕之后

文件 -> 首选项 -> 设置

找到对应的插件名称，然后在右侧输入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

// 插件开关
"qiniu.enable": true,

// 一个有效的七牛 AccessKey 签名授权
"qiniu.access_key": "*****************************************",

// 一个有效的七牛 SecretKey 签名授权
"qiniu.secret_key": "*****************************************",

// 七牛图片上传空间
"qiniu.bucket": "ysblog",

// 七牛图片上传路径，参数化命名，暂时支持 ${fileName}、${mdFileName}、${date}、${dateTime}
// 示例：
//   ${fileName}-${date} -> picName-20160725.jpg
//   ${mdFileName}-${dateTime} -> markdownName-20170412222810.jpg
"qiniu.remotePath": "${fileName}",

// 七牛图床域名
"qiniu.domain": "http://xxxxx.xxxx.com"

使用

1
2

粘贴图片路径上传：SHIFT + P
直接选择图片上传：SHIFT + O

赶快开启奇妙之旅！

This blog is under a CC BY-NC-SA 3.0 Unported License
本文链接：https://blog.suixin.kim/2018/03/28/vscode-markdown/