为 markdown 添加图床

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

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

设计说明

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

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

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

设计实现

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

 程序下载

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

 程序安装

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

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

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

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

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

程序使用

程序刚打开的界面如下:

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

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

使用场景

拖拽的方式,上传图片

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

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

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

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

截图的方式,上传图片

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

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

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

程序的使用就介绍到这里

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

首先登陆自己的万象优图

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

选择图片空间

添加图片空间

等待系统进行处理

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

已经有了 APPT_IDBUCKET_NAME,我们还需要 SECRET_IDSECRET_KEY,下图就是获取这两项的示例

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

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

树根的专栏

1 篇文章1 人订阅

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

WordPress 主题开发之激活主题后显示自定义提示信息

如果你要开发一款WordPress 主题,那么你肯定希望用户在激活主题后能够看到你自定义的提示信息,一般是感谢使用主题之类的话。WordPress 本身在激活主...

1885
来自专栏运维小白

githubPages+hexo搭建博客,第一天

背景: 一直想搭建帅气、高端的个人博客,然后在上次某些原因,就放弃搭建博客,因为再次见识到大神的博客,果断再次心动了 ---- 第一步 github pages...

2649
来自专栏LeoXu的博客

Tomcat的ROOT文件夹资源文件访问不到的一个小问题

应用上线,需要部署在Tomcat的ROOT里面,启动以后发现所有的存放用户上传的图片资源在页面上都是破的,新上传也不行。

751
来自专栏跟着阿笨一起玩NET

Win8找不到无线信号怎么办

  开启无线上网需要三个层次的设置需要开启:物理开关,软件开关和无线服务。只有开关都打开无线指示灯才会亮。当指示灯亮但是仍然无法搜索到无线网络信号的时候,要检查...

542
来自专栏jojo的技术小屋

如何调试移动端页面

4152
来自专栏DeveWork

在链接前面自动添加favicon 图标(jquery)

相信你在一些网站上看过类似的东东,就是在一个可点击外链左侧,会有一个目标链接网站的favicon 图标。这一个小小的设置可能对提升用户体验有不少帮助,一些Wor...

1769
来自专栏张伟博客

小米路由器mini丢失SN后恢复找回SN 完美无需编程器!

1613
来自专栏云计算教程系列

如何在Debian 8上安装Linux,Apache,MySQL,PHP(LAMP)堆栈

LAMP软件堆栈由Linux操作系统,Apache Web服务器,MySQL数据库和PHP脚本语言组成,是Web或应用程序开发的良好基础。这个软件堆栈安装在一起...

1273
来自专栏小文博客

WordPress更改固定链接诸项事宜

1203
来自专栏不想当开发的产品不是好测试

jenkins 邮件添加附件

背景 当CI执行失败的时候,想获取到失败的用例,然后在本地调试,testNG是自带一个testng-failed.xml来记录的; 想法:尝试使用git 来p...

2085

扫码关注云+社区