树洞剪藏#剪藏#树洞剪藏

我的图床解决方案,超详细!我之前常用的图床方案是使用Gitee的仓库来实现,我的博客、周刊以及一些开源电子书都用的是Gi - 掘金

2024 年 12 月 9 日1 分钟
分享Twitter / XTelegram微博

同步来源:树洞剪藏 源站剪藏 ID:280 原文地址:https://juejin.cn/post/7081578637631651848?searchId=202412090850499617D0D11E0CB7C50F31

打开原文 · 打开源站剪藏快照


我的图床解决方案,超详细!我之前常用的图床方案是使用Gitee的仓库来实现,我的博客、周刊以及一些开源电子书都用的是Gi - 掘金 set 限制解除

首页

BOT

沸点

课程

直播

活动 AI刷题 NEW 商城 APP 插件

创作者中心

会员

登录

注册

我的图床解决方案,超详细!

howie6879

2022-04-01

17,010

阅读8分钟

专栏:

老胡的储物柜

智能总结

复制 重新生成

文章介绍了多种图床解决方案,包括常用的 Gitee 及替代方案。重点阐述了 Github + JsDelivr、OSS + CDN(以腾讯云 COS 为例)、Backblaze + Cloudflare、VPS 自建等方案的配置使用,说明各自优缺点,并给出作者推荐。文中方案均为作者亲测,还提供了交流途径和参考资料。

关联问题: Gitee为何锁定账户

OSS有何免费额度

VPS自建费用高吗

图床就是将你的本地图片上传到相关服务商或者个人服务器,然后获取图片对应的网络访问地址,使用者可以方便快速的将图片插入到文章中,后续图片二次使用、迁移、分享都会非常简单。

我之前常用的图床方案是使用 Gitee 的仓库来实现, 我的博客 、 周刊 以及一些开源电子书都用的是 Gitee 。

最近, Gitee 的流量审查机制锁定了我的账户,于是我的历史图片全部都无法访问了,虽然有些无奈,但我在用的时候就做了心理准备,毕竟算是违规使用其仓库资源,所以接下来将详细说下我的图床替代方案选择之路。

我对图床的基础要求就两点: 稳定&速度 ,所以不论免费收费我都会考虑,最终得到以下方案分享给大家:

Github + JsDelivr

OSS + CDN

付费:腾讯云 COS

免费:Backblaze + Cloudflare

VPS 自建

✨ Github + JsDelivr

Github 的图床思路和 Gitee 是一样的,但是就目前个人使用体验来说, Github 的稳定性是更胜一筹的,所以我的图床一出问题,我就快速切换到这个方案应急。

配置起来也还是很方便(默认你会使用Github),首先新建一个公开仓库:

一般上传一张图片到仓库之后,就已经可以当做图床使用,如:

图片上传后仓库地址: github.com/howie6879/o…

其他用户可访问地址: raw.githubusercontent.com/howie6879/o…

引入JsDelivr加速地址: cdn.jsdelivr.net/gh/howie687…

上面同一张图片,地址的变化大家可以都点进去看看,上面说的操作都是我人工将图片上传,但是实际操作中大可不必,有很多好用的工具来自动帮我们做这件事,这里我推荐两款工具:

PicGo :一个用于快速上传图片并获取图片链接的跨平台工具

uPic :功能和上面一样,纯macOS系统支持,所以在mac下面交互体验比上面流畅不少,还有对应移动端APP

上面两款工具使用方式都是一样的,针对 Github 做图床都需要获取 token 供第三方图床工具使用。

点击 token获取链接 ,权限需要勾选 repo 和 user :

随后在图床工具里面进行相关信息配置即可:

至此, Github + JsDelivr 方案的配置使用介绍完毕,总的来说,这个方案还是比较推荐的,理由如下:

快速方便:只需要建立仓库配置一下接口

稳定,毕竟大厂商(但需要注意的是 Github 图片仓库过大的时候记得换仓库)

JsDelivr 解决 Github 在国内访问慢以及流量问题

OSS + CDN

OSS (Object Storage Service)即对象存储服务,各大厂商都有对象存储服务,如腾讯的 COS 、阿里的 OSS 、华为云的 OBS 等。

如果你对图床的稳定性以及速度有比较高的要求,那么可以考虑这套方案, OSS 的话,有免费的,也有付费的, CDN 也是如此。

不过目前基本各大厂商都有免费额度,没有也没关系,我们博客访问量小的话每月基本上不花什么钱,我现在将笔记全部托管到 COS 且多平台同步,每月也才几毛钱。

腾讯云 COS

接下来我将用腾讯云 COS&CDN 服务为例,实现个人图床,其他厂商也是类似套路,就不过多介绍。

首先进入 腾讯云COS存储桶列表 ,点击 创建存储桶 :

需要注意的是 访问权限 ,切记选择 私有读写 ,不允许公共访问里面的文件,为的是恶意访问的时候能减少损失。按照上图配置完成后,直接下一步就创建成功了。

为了保证安全性,这里不建议使用根用户直接进行访问,我们可以创建一个子用户来做相关写入操作。

点击 新建子用户 ,按照下图依次填写即可:

选择类型 :

填写用户信息 :

需要进行验证才能继续。

设置用户权限 :

什么都不用选择,直接继续。

审阅信息和权限 :

完成后会显示该子用户的 SecretId 和 SecretKey ,将它们复制出来备用。

注:如果忘记保存,可前往用户列表->目标用户->API密钥进行获取

为桶设置子账户 :

回到 存储桶列表 ,点击之前创建的存储桶,点击左侧的 权限管理-->存储桶访问权限 ,然后点击 存储桶访问权限-->添加用户 ,子账号权限设置如下:

至此,图床算是配置完毕,打开图床工具,将子用户的 SecretId 和 SecretKey 和相关信息录入:

可随便上传一张照片进行测试,然后打开桶列表下面的文件列表,可看到上传的照片:

上传后图片的访问地址是: https://images-***.cos.ap-guangzhou.myqcloud.com/uPic/tCyEU0.png ,但是为了防止恶意访问以及节省流量费所以我设置了私有访问,因此访问图片会提示 Access Denied 。

最后直接开启 CDN域名 加速:

为了节省流量的费用,可以考虑在鉴权配置那设置缓存时间为一年,以及 Referer 名单限制访问源。

Backblaze + Cloudflare

这个方案有以下优势:

每月前10G流量免费

Cloudflare 做CDN加速

可自定义域名

开始前,你需要有以下条件:

域名

Backblaze 账户

Cloudflare 账户: 按照网站提示接入域名即可

Backblaze B2 是一个云存储解决方案,为什么选用他呢,是因为其前10G存储是完全免费的,这用于做图床是非常够用的。

请先注册一个账号(输入邮箱就行),然后点击 Create a Bucket ,创建一个存储桶:

填写名称,记得选择 Public 权限:

为了让第三方软件可以使用 backblaze ,接下来需要获取 Application Keys ,操作如下:

点击 App Keys

点击 Application Keys

填写信息进行创建

当密钥创建成功,记得保存下来,因为页面关闭后就自动不再展示。

为了获取桶域名,点击 Browse Files 直接上传一张图片,上传成功后直接点击图片,会看到如下信息:

提取其中 Friendly URL 显示的域名信息,比如我这里是: https://f***.****.com/ ,然后在 Cloudflare 解析:

如果上一步没有添加成功,直接在域名下面的 DNS 设置解析:

接下来点击左侧的 SSL/TLS ,设置**完全(严格)**模式:

最后在 规则 页面设置如下两个规则:

还有一些配置需要在 Backblaze 进行设置,由于其默认不缓存,我们要先将 Bucket Settings 的 Bucket Info 添加以下配置:

shell

代码解读 复制代码 {"cache-control": "max-age=43200000"}

然后在 CORS Rules 里面设置 Share everything in this bucket with all HTTPS origins 即可。

最后,你就拥有了一个自定义域名的免费图床:

shell

代码解读 复制代码 # 地址形式如下 https://img.turingark.com/file/howie-img/wechat_howie.png

你也同样可以用 uPic 图床工具进行上传:

VPS 自建

如果你手头有服务器,那么可以考虑自建图床服务,市面上可选的图床工具还是有不少的,这里我选择 lsky-pro 进行尝试,探索自建图床的可行性。

其实开源图床项目挺多的,目前看 lsky-pro 项目更新以及功能都算前列,而且可以选择将图片上传到腾讯云COS或者b2,因此直接选用其进行测试。

部署上手使用非常简单,直接用 Docker部署 即可,具体流程参考这个项目即可,最终效果如下:

可以设置登录才能上传,做到权限管控,可以设定图片存储在下图任一位置:

经过测试,使用起来还是非常方便的,最后正式使用的话建议给自己域名套上一层CDN,这块可由你自己选择把控。

说明

文中提到的方案都是笔者亲自试验踩坑记录而成,基于 稳定&速度 这两个前提,因此不考虑第三方图床工具,基本上是借用成熟的服务进行图床搭建,当前应该算是基本覆盖了市面上的图床方案,当然,若有更好的方案欢迎各位留言补充。

若非要我推荐一个快速简单可用的方案,我会选择 Github + JsDelivr ,如果想自定义域名的话,我推荐 Backblaze + Cloudflare ,如果想一劳永逸且有钱,那就直接上大厂的OSS服务即可。

PS: 如果想交流图床这块的解决方案,公众号右下角有我微信,也可以直接搜索【Howie6879】加我。

本文相关参考资料如下:

如何使用腾讯云COS+CDN搭建一个属于自己的图床

Free Image Hosting With Cloudflare Transform Rules and Backblaze B2

使用 Backblaze B2 和 Cloudflare Workers 搭建免费的自定义域名图床

标签: GitHub 开源

本文收录于以下专栏

老胡的储物柜

专栏目录

奇文共欣赏,疑义相与析

9 订阅 · 11 篇文章 订阅

上一篇

基于Liuli追更&阅读小说

下一篇

我的macOS常用软件清单

评论 4

0 / 1000

标点符号、链接等不计算在有效字数内

Ctrl + Enter

发送

登录 / 注册 即可发布评论!

最热

最新

it

废物鉴定师

想问一下github的官方口径,会因为上传的体积越来越大被检测到然后ban账号或者仓库吗

2年前

点赞

1

howie6879

作者 : 可以每1g就换个仓库

2年前

点赞

回复

吴思路

sankki.com 独立开发者

还是cos最稳定,线上的免费图床太不靠谱了,天天挂 juejin.cn

2年前

点赞

评论

光辉GuangHui

GuangHui @BryanAdamss

有帮助,以收藏

2年前

2

评论

howie6879

Python工程师

28

文章

77k

阅读

200

粉丝

关注

已关注

私信

目录

收起

✨ Github + JsDelivr

OSS + CDN

腾讯云 COS

Backblaze + Cloudflare

VPS 自建

说明

搜索建议

自建图床

基于Cloudflare内网穿透实现 自建图床

博客搭建- 自建 Lychee 图床

使用GitHub+PicGo 自建 免费 图床

Docker部署Lsky Pro, 自建图床

零成本!无需服务器,建立属于你的 图床

写了个PicGo私有化 图床 插件

关于写作(2):使用七牛云作为 图床 获取外链方式总结(已更换为使用PicGO+腾讯云COS)

GitHub+PicGo搭建 图床 +jsDelivr加速

MinIO+PicGo+Nginx+Typora 自建图床

精选内容

优化永不止步:TinyVue v3.20.0 正式发布,更美观的官网UI,更友好的文档搜索,更强大的主题配置能力~

Kagol

· 80阅读 · 2点赞 副业项目困扰我 - FAV0周刊#024

Justin3go

· 35阅读 · 0点赞 一夜之间,7.0万 Star,全部清零!

CodeSheep

· 16k阅读 · 85点赞 2024 年第 50 周草梅周报:AI 自动化与创作者不可能三角

草梅友仁

· 17阅读 · 0点赞 视野修炼第113期 | JS 29周年

粥里有勺糖

· 30阅读 · 0点赞

找对属于你的技术圈子 回复「进群」加入官方微信群

为你推荐

今天天气不错,来看看图床怎么弄吧

小胖子学习笔记

2年前

495

2

2

前端

图片资源

你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床 |Go主题月

阿兵云原生

3年前

1.7k

32

12

Node.js

github搭建个人图床

你不会困

4月前

470

12

9

前端

零成本加速 “个人图床服务”

北桥苏

4月前

279

6

1

CDN

GitHub

如何使用免费图床

itclanCoder

3年前

1.5k

5

9

JavaScript

零成本搭建个人图床服务器

北桥苏

5月前

1.1k

7

1

GitHub

图片资源

Typora+PicGo配置图床,纯小白也能打造最好用的 Markdown 工具

向阳而笑

2年前

4.7k

9

5

Markdown

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!

会飞的喵喵

9月前

15k

16

9

Markdown

后端

前端

创作从未如此简单、省时,Gitee+PicGo+ Typora 实现个人图床

Gxin

3年前

1.5k

20

11

程序员

后端

快速提高写作生产力——使用PicGo+Github搭建免费图床,并结合Typora

王翊珩

1年前

956

12

22

后端

GitHub

PicGo+GitHub:打造自己的图床

kilien

3年前

1.7k

6

1

GitHub

后端

Github图片无法显示,怎么办?

猴子数据分析

3年前

1.6k

点赞

1

数据分析

Typora编辑Hexo博客时使用图床

爪哇程序人生

3年前

1.0k

1

评论

Hexo

后端

我做了一个掘金插件(浏览器插件):借助掘金的能力, 免费打造个人顶级图床

晴小篆

6月前

1.1k

6

3

前端

JavaScript

Gitee+PicGo+Typora 快速搭建你图床和博文的生产力!

潇雷

3年前

949

11

评论

后端

登录掘金领取礼包

更多登录后权益等你解锁 登录 / 注册

AI 结果可能不准确,请谨慎使用

沉浸阅读

相关文章