Bug图床使用方法及建议

前言

在选择图床程序的时候辗转多方都没有找到合适的, 由于我个人有收集整理图片的习惯, 深知图片数量繁多时面临的检索与管理的痛苦, 于是对拥有目录层级形式图片管理有硬性要求;
再者一个原因就是我没有很多时间和经验去管理的服务器, 因此需要能够接入外部储存能够图片上传时直接传入储存 不经过服务器流量中转. 这三个要求都能满足的图床程序到现在都没有找到, 于是就选择了本身是作为网盘程序的 Cloudreve, 除了不支持客户端API对接目前使用很满意(只是其他方面小问题有一点点多).

开始使用

信息与规则

支持的图片格式(后缀): jpg / jpeg / png / bmp / apng / gif / heic / webp / ico / svg
最大图片大小: 50MB
账户初始容量: 10GB
文件储存位置: 中国大陆
程序运行服务: 腾讯云上海
网络加速节点: 又拍云(境内) + Cloudflare(境外)
禁止上传涉及违法犯罪 / 色情暴力 / 政治舆论 / 国家机密, 以及违反中华人民共和国法律和互联网治安管理规定的图片.
禁止将图片外链用于违反中华人民共和国法律和互联网治安管理规定 的站点及平台.

客户端

Cloudreve 本身只能在浏览器中访问且没有可供使用的API, 但是如果你的浏览支持 PWA 应用, 那么在访问主站点的时候会提示你添加应用, 添加之后通过将 PWA 应用就可以快速访问打开管理界面, 得益于 Cloudreve 的高性能你可以获得接近原生本地程序般的使用体验.

PWA下的界面

支持调节窗口到任意大小, 程序会自适应为移动版和桌面版界面.

通过拖拽或打开资源管理器选择图片上传, 不支持断点续传, 如果上传成功后没有显示在文件列表中, 刷新页面即可.

获取链接

直接获取

PC端可右键图片, 移动端可点击图片图标选中后打开菜单;
点击 "获取外链" 即可得到这张图片的引用链接**(暂不支持批量获取)**.

手动拼接

由于相比于直接获取链接, 我更推荐手动拼接链接, 因为 Cloudreve 会将链接中的右斜杠 / 编码成 %2F, 虽然在使用时没有任何影响, 但某些情况 ~~(不好看)~~ 下, 手动拼接更有效率.

当你获得一个 Bug 图床账号时, 你都有一个固定式的外链引用格式:

1	https://i.bugimg.com/u/%UID%/%PATH%/$FILENAME$

参数详解:

%UID%: 账户UID, 可在设置中找到你的账户UID, 值为数字:
%PATH%: 图片路径, 相对于你自己的文件路径而言, 如下图的 001.jpg 的路径即为 /blog/bugimg_guidebook
$FILENAME$ : 图片文件名(包含扩展名), 一般情况下不建议使用包含非英文数字半角字符的文件名.

将以上参数拼接起来即可获得完整的图片地址, 比如上图使用到的这张图片的地址即为:

https://i.bugimg.com/u/1/blog/bugimg_guidebook/002.jpg

如果在在 Cloudreve 中直接获取外链, 链接就是这样的:

https://i.bugimg.com/u%2F1%2Fblog%2Fbugimg_guidebook%2F002.jpg

~~是不是看起来很难看?🤯~~

在编写 Markdown 文章时可以通过相对路径先将图片引用到文章中, 在校对完毕后待发布时再将相对路径替换为你的固定路径.

注意事项

建议将文件重命名好后再上传, 因为在线修改文件名不会影响到物理存储的文件名, 外链中的文件名并不会被修改.
已开启 referrer 防盗链, 需要提供使用图片的域名.