为 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 人订阅

我来说两句

2 条评论
登录 后参与评论

相关文章

来自专栏逸鹏说道

Hyper-V 激活Windows系统重启后黑屏的解决方法 + 激活方法

异常处理汇总-服 务 器 http://www.cnblogs.com/dunitian/p/4522983.html 服务器相关的知识点:http://www...

25312
来自专栏崔庆才的专栏

Requests库作者Kenneth Reitz的另一神作!虚拟环境及包管理工具Pipenv!

我们在运行 Python 项目的时候经常会遇到一些版本问题,例如 A 项目依赖于 Django 1.5,而 B 项目又依赖 Django 2.0,而我们的系统却...

3208
来自专栏*坤的Blog

Word文件乱码XML

1404
来自专栏mwangblog

git变基

1042
来自专栏企鹅号快讯

入门干货之用DVG打造你的项目主页-Docfx、Vs、Github

由于这三项技术涉及到的要点以及内容较多,希望大家有空能自己挖掘一下更多更深的用法。 0x01、介绍 VS,即VS2017以及以上版本,宇宙最好的IDE,集成了宇...

1916

如何使用Midnight Commander,一个可视文件管理器

对于初学者来说,使用命令行工具来管理Linux服务器上的文件的方式可能是令人生畏的,耗时的,有时甚至是会带来风险的。而资深使用者会希望切换到更合适的工具来处理不...

1385
来自专栏烂笔头

Django 1.10中文文档-第一个应用Part6-静态文件

目录[-] 本教程上接Part5 。前面已经建立一个网页投票应用并且测试通过,现在主要讲述如何添加样式表和图片。 除由服务器生成的HTML文件外,网页应用一...

2817
来自专栏维C果糖

IntelliJ IDEA 之 HelloWorld 项目创建及相关配置文件介绍

在博文“ IntelliJ IDEA 的使用界面介绍 ”中,咱们通过创建一个 Static Web 项目大致了解了 IntelliJ IDEA 的使用界面,接下...

1639
来自专栏前端人人

React多页面应用6(gulp自动化发布到多个环境、生成版本号、压缩成zip等)

本教程总共7篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React多页面应用1(webpack开发环境搭建,包括...

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

使用nano在Linux中编辑文件

GNU nano,简称nano,是大多数Linux发行版的基本内置编辑器。GNU nano是一个小巧友好的文本编辑器. 与基本的文本编辑相比,nano提供许多额...

794

扫码关注云+社区