Markdown中图床的终极解决办法【小书匠+七牛云图床】

一、Markdown中公共图床终极解决思路:


Markdown最大的优势之一就是可以快速将文章发表到不同的平台,而不用重新编辑格式。如果只是纯文本没问题,但如果有图片,发表到其他平台时,图片将不能正常显示,因为在本地编辑MD语言时,插入的图片的链接地址是本地电脑硬盘中的文件地址,外部没法访问。

解决思路是直接插入公网图床中图片的地址,而不是本地电脑中的图片地址,这个方法可以有效解决图片在不同的平台发表时显示的问题。

但随之而来的是上传图片到公网图床(如阿里云OSS,七牛云等),然后再复制图片链接地址插入到MD文本中,这个过程太繁琐,和Markdown的专注写作精神相背离。

解决办法:

  1. 使用专业的图片上传工具 iPic,可以一键上传图片至图床,并且自动生成MD图片语法,直接黏贴出来的地址就是公网图片对应的地址,但目前只有MACOS中可以使用。
  2. 用小书匠Markdown编辑器写作,直接将图片拖拽至Markdown中,小书匠MD软件自动将图片地址变成图床地址。

演示如下:
XSJ-qiniu

上传图片,自动生成七牛云的URL图片地址,需提前配置好图床为七牛云oss

二、设置步骤:


  1. 注册并开通七牛云对象存储,或者采用阿里云的oss服务。

费用问题:七牛云每个月免费10个G流量,阿里云没有免费流量,但一个月也用不了几块钱。

域名问题:如果没有国内的备案域名,建议采用阿里云OSS,七牛云提供的图床免费域名只能用一个月,过期后需绑定自有的备案域名,阿里云提供的免费域名没这个限制。

  1. 安装小书匠Markdown编辑器,并在图床设置中设置为七牛云oss图床。

xsj-qiniu3

配置参数,详见小书匠官网。

其中需注意的一点,在图片文件名中建议使用basename,即存储到对象存储中国的图片不带图片后缀,这样做的好处是可以方便添加“图片样式”。

enter description here

三、一并解决图片压缩和加水印等图片处理工作


七牛云对象存储和阿里云OSS都支持对图片按照特定样式进行图片处理,如添加水印,压缩图片大小等。

以七牛云为例,我需要将上传的图片都压缩到75%,并且自动添加TTVPS文字的水印。同时禁止访问原图。

1、创建图片样式,根据自己的需求自定义图片样式,并且将样式命名为“1”。
2、将图片的URL链接地址后面直接加上“-1”参数,即访问的是经过样式1处理后的图片。

下图为七牛云图床中原图的地址为:(http://cdn.ttvps.com/MD/1559743785824)

enter description here

给图片添加样式“1”后的地址和效果:(http://cdn.ttvps.com/MD/1559743785824-1)
(右下角已经有水印),且图片经过压缩变小了。

enter description here

给图片添加样式的步骤,小书匠Markdown好像还没法自动实现,只能自己手动在插入的图片后面输入样式名字。不过这并不难,另外可以将设置几种常用的样式,根据不同的需求在不同类型的图片url链接后面手动添加下即可。

注意:gif格式目前阿里云和七牛云都没法实现加水印和裁剪等操作。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据