免费图床

我们在写文章的时候,经常需要使用单独对象存储来存放自己的图片资源,这就是我们所说的——图床。

如果你对图片资源管理要求不高,也没有版权方面的考虑的话,完全可以使用一些免费的公共图床,这些图床一般都有着不错的资源加载速度,也支持包括「图片URL链接」、「Markdown代码」、「HTML 网链」等访问方式,这里给大家推荐几个:

如果你只是偶尔写写文章,我推荐用上面的图床就够了,无需花时间去折腾搭建自己的图床。

搭建私有图床

免费图床有两个缺点,一方面是基于隐私的保护的问题,另一方面是你不知道它什么时候可能就没了~,所以如果你对资源管理有更高的要求,或者你是一个小团队需要有自己的图床以保证稳定性,不妨往下看,我手把手教你搭建自己的私有图床。

需要用到两个东西:

  1. 腾讯云 COS(对象存储)
  2. uPic 客户端

购买腾讯云 COS

其实国内提供对象存储服务的有很多,例如腾讯云、阿里云、七牛云、百度云、又拍云等,选择腾讯云主要是基于两点考虑:

  1. 稳定可靠速度快,节点丰富还便宜
  2. 支持微信或 QQ 登录,对大多数人来说方面,不用再格外注册账号

你甚至可以使用 github 来做免费图床,但缺点是 github 在国内速度太慢了,体验不好,我不推荐。

首先,你需要注册并开通「腾讯云对象存储」,你可以使用微信或 QQ 登录:

在「存储桶列表」>「创建存储桶」,地区按照你的实际情况选择,访问权限设置为「公有读私有写」:

存储桶创建好之后,接下来就可以直接上传图片:

上传完成后,点击「详情」,复制「对象地址」中的 URL 即可访问对象:

如果你要使用 Markdown,只需要手动编辑 Markdown 语法即可,例如:

![example](https://myupic-1253463441.cos.ap-nanjing.myqcloud.com/3b6cae2afdea8f710c0a5ccb460c39cb-0.jpg)

腾讯云是根据流量来实时计费的,根据我自己的使用经验来看价格是非常便宜:

更详细的计费规则参见:腾讯云 COS 定价

上面已经介绍了基本的使用方法,但是你可能也发现了,如果每张图片都这样手动上传、手动复制链接、手动粘贴的话,效率未免太低了,这时候就需要使用我们的主角—— uPic 客户端了。

uPic 客户端配置

uPic客户端是开源免费的,可以在如下 GitHub 地址进行下载:

如果你没有代理导致下载过于缓慢,也可以使用如下备选地址:

打开偏好设置,在「图床」中添加一个「腾讯云 COS」:

配置项说明

  • 区域: 对象储存空间所属的区域,可在腾讯云控制台查看。
  • 空间名称: 对象储存空间名称,可在腾讯云控制台查看。
  • SecretId: 密钥。
  • SecretKey: 密钥。
  • 域名: 使用腾讯云默认提供的测试域名或者你的自定义域名。域名可在控制台查看。域名需以http://或者https://开头
  • 保存路径: 文件储存的路径(包括文件夹)。 支持 {year} {month} {day} {hour} {minute} {second} {since_second} {since_millisecond} {random} {filename} {.suffix} 等变量。比如:上传的图片为 uPic.jpg,设定为 “uPic/{filename}{.suffix}”,则会保存到 “uPic/uPic.jpg”。
  • 保存路径输入框后面的是网址后缀: 用于自定义图片处理。腾讯云 COS 目前还不支持,先预留。

看起来有点复杂,不过没关系,下面跟着我一步步配置即可。

点击腾讯云存储桶列表,点击「配置管理」:

可以看到「存储桶名称」和「访问域名」,复制填写到 uPic 中:

然进入腾讯云「API 密钥管理」,系统会提示建议创建子账号来管理,点击「切换使用子账号密钥」:

选择「快速创建」:

随意输入用户名,例如 GuestforuPic,点击用户权限:

搜索「QcloudCOSFullAccess」,勾选并确定:

然后进入腾讯云的「用户列表」>「用户详情」>「API密钥」>「新建密钥」:

复制 SecretId 和 SecretKey 到 uPic 客户端:

至于最后的「保存路径」可以保持不变,如果你有特殊要求再做自定义。

点击「验证」测试一下,如果提示上传成功就配置完成啦!点击保存即可。

uPic 的一些使用技巧

首先在输出格式中设置为「Markdown」:

技巧一:直接拖拽图片到状态栏

在寻找到图片素材之后,可以直接从浏览器拖拽到状态栏中即可快速上传:

技巧二:打开uPic系统 扩展

在「系统设置」>「扩展」>「“访达”扩展」中打开 uPic 访达扩展:

然后就可以在图片上右键,直接使用 uPic 上传: