为 markdown 添加图床

在公司，像小书匠这样的 markdown 编辑器无法进行图床的绑定，因此很多小伙伴都利用了 markdown 编辑器将图片转为 base64 格式进行存储，这样就导致了 markdown 文件过大。因此，我想到了之前写的一个小软件，可以用腾讯云的 COS 来进行图片的存储，这样就可以随心地将图片存储在腾讯云上了，文章也就很方便的发表了。

附一个 github 地址：https://github.com/sixtrees/MagicImage

设计说明

1. 腾讯云万象优图每个账户提供 50G 的图片存储（支持黄图检测）；

2. 可以在截图之后，直接点击上传，自动将截图的程序上传到万象优图，不再有复杂的上传操作；

3.也可以主动上传图片。

[1501727628726_5936_1501727628306.jpeg]

设计实现

如上图所说，本来想对截图直接生成 base64 编码的字符串，然后使用该字符串利用二进制上传到腾讯云万象优图。但是，现在已有的 .net API 不支持二进制文件的上传，因此，这里就对不起观众了。现在采用的方案是：将截图程序生成的截图（不需要保存）由程序在保存在程序的根目录下的 uplaod 文件夹下，然后再利用本地文件路径进行上传。

 程序下载

我已经将打包好的程序，放在了开源中国的仓库上，下载地址为 点我下载

 程序安装

安装过程比较简单，直接一步一步的上图片。

第一步是选择安装路径，不要安装到 C 盘 的其他目录，因为程序可能获取不到创建文件夹和文件的选项。程序默认的是 C:ProgramDataMagicImage 路径，这个路径的开放程度比较高。

[1501727695899_1411_1501727695443.png]

第二步是提示你要创建桌面快捷方式，最好是选择创建一下快捷方式，不然，不方便你使用啦！

[1501727712361_3761_1501727711865.png]

第三步是确认你的创建快捷方式的选项。

[1501727788823_7472_1501727788396.png]

第四步选择 install，很快就创建完成了 。

[1501727749526_4747_1501727749062.png]

程序使用

程序刚打开的界面如下：

[1501727806062_675_1501727805602.png]

设置自己的万象优图的 APPID,SECRET_ID,SECRET_KEY，BUCKET_NAME 的信息，这里我默认的配置是我自己的。

[1501727817392_8954_1501727816990.png]

关于如何配置自己的万象优图信息，参考下一节内容

使用场景

拖拽的方式，上传图片

这种方式，就是把图片往程序的界面上，拖动

[1501727858843_6335_1501727858454.png]

拖拽后，程序会自动加载该图片

[1501727873183_2218_1501727872750.png]

点击程序界面下面的 上传拖拽图像，就可以完成上传，并且自动在系统粘贴板上设置 markdown 格式的 img 标签

[1501727885956_8857_1501727885536.png]

下面，我将使用 CTRL V，粘贴程序生成的 img 标签

[1501727908862_4803_1501727908350.png]

截图的方式，上传图片

首先，使用 QQ 截图功能 或者其他截图软件，进行截图，示例就是截的编辑本文档的界面的图片，截图之后，不需要你手动保存的。下面是我截的图片

[1501728107881_9348_1501728107661.png]

完成截图之后，回到程序界面，点击程序下面的 上传截图 按钮，

[1501728123620_385_1501728123271.png]

就可以完成上传，并且自动在系统粘贴板上设置 markdown 格式的 img 标签，下面，我将使用 CTRL V，粘贴程序生成的 img 标签

[1501728158805_1395_1501728158554.png]

程序的使用就介绍到这里

 获取自己的万象优图的信息

首先登陆自己的万象优图

选择立即使用，进行订购页面

[1501728178046_9335_1501728177808.png]

选择图片空间

[1501728196386_5731_1501728196039.png]

添加图片空间

[1501728211173_366_1501728210758.png]

等待系统进行处理

[1501728245141_9834_1501728244854.png]

创建成功之后，查看自己的 APPT_ID 和 BUCKET_NAME,如下图箭头和文字注释

[1501728255347_6239_1501728254913.png]

已经有了 APPT_ID 和 BUCKET_NAME，我们还需要 SECRET_ID 和 SECRET_KEY，下图就是获取这两项的示例

[1501728263295_5035_1501728262818.png]

有了这四个东西，就可以在程序的 设置 菜单中，将图片的仓库配置成你自己的了的，就可以尽情享受你的 50G 存储空间了。