惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

M
MIT News - Artificial intelligence
雷峰网
雷峰网
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Last Week in AI
Last Week in AI
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
阮一峰的网络日志
阮一峰的网络日志
月光博客
月光博客
博客园 - Franky
腾讯CDC
T
Tailwind CSS Blog
Recent Announcements
Recent Announcements
V
V2EX
N
Netflix TechBlog - Medium
量子位
Jina AI
Jina AI
Y
Y Combinator Blog
The GitHub Blog
The GitHub Blog
G
Google Developers Blog
爱范儿
爱范儿
博客园 - 叶小钗
D
Docker
MongoDB | Blog
MongoDB | Blog
D
DataBreaches.Net
T
The Blog of Author Tim Ferriss

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
🚀 ClouDNS + Cloudflare R2 + PicGo + Typora 打造个人图床博...
2025-07-16 · via 少数派

✨ 为什么要自建图床?

你是否遇到过这些问题:

📛 图片外链失效?
🐌 图床限速 + 广告烦人?
💰 上传量大就得付费?

教程所涉及账号均为个人测试教程账号,完毕后立即删除,失效!

📌 如果你正在用 Markdown 写笔记、写博客、做文档,或者使用 Typora、Obsidian 等编辑器,那拥有一个稳定、免费的图床系统几乎是刚需!

本教程带你 零成本 从头到尾搭建属于你的专属图床系统,包含:

工具功能
🆓 ClouDNS免费注册永久子域名(DDNS)
☁️ Cloudflare R210GB 对象存储空间 + 每月 10 万次请求
🖼️ PicGo快速上传图片 + 自动生成外链 + 支持 S3 协议
✍️ TyporaMarkdown 编辑器 + 自动调用图床链接

🧱 架构总览

+-------------+         +------------------+         +---------------------+
|   PicGo     |  --->   |  Cloudflare R2   |  <---   | 自定义域名(ClouDNS)|
| 上传工具    |         | 对象存储图床     |         | Cloudflare 解析托管  |
+-------------+         +------------------+         +---------------------+
       \_____________________> Typora / Markdown 插图同步使用

ClouDNS 是一家全球托管 DNS 服务供应商,其服务范畴涵盖了 GeoDNS、Anycast DNS 以及拥有 DDoS 防护的 DNS 等领域。在此不多介绍了,只需要知道是一家还挺靠谱的公司就行。

1.访问ClouDNS官网

打开浏览器,访问 ClouDNS 官方网站

2.注册账户

在网站首页,找到注册选项,使用电子邮箱注册。

image-20250715001944793
image-20250715002013017

3. 邮箱激活

注册后,登录邮箱,查找ClouDNS发送的激活邮件,并点击邮件中的激活链接。

image-20250715002110578

4.激活账户

通过激活链接,账户将被激活,并自动跳转到ClouDNS平台。

image-20250715002202883

5.创建DNS空间

image-20250715002512512

在欢迎界面,按照指引点击 Yes,进入DNS空间创建界面。

6.选择免费域名选项

image-20250715002542628

在这个页面,点击创建区域(如下图)

点击最后一个“free zone”

在创建DNS空间的界面中,选择 Free zone 选项。

7.自定义二级域名

这里定义自己的二级域名,点击 创建 按钮,完成域名的创建。

image-20250715002634936

8. 域名解析

创建成功后,回来到域名解析的页面。点击右上角的 + 添加新纪录 来添加新的记录值,根据需要设置IPv4或IPv6等记录类型。

image-20250715004927985

🔄 第二步:Cloudflare双向解析托管CloudNS域名

1.访问Cloudflare官网

image-20250715004951329

2.域名绑定

我这里直接使用Google账户登录,登录自己的账户(没有的要先注册了),在账户主页点“添加域”。

image-20250715005045794

输入在Cloudns申请到的完整域名,点“继续”。

image-20250715005227228

付费计划当然是选择“Free”了。

image-20250715005307545

自动获取的DNS需要全部删除

image-20250715005433809

删除后,点击"继续前往激活"

image-20250715005455946

3.ClouDNS更新域名

直到看到出现分配的两个名称服务器,将它们都复制下来,此时这个页面先不要动。然后回到Cloudns页面,点“添加新记录”。点击1添加如下两条记录(服务器名称是上面也没显示的,可能和我的不一致)。添加完毕后等待3处更新完毕,继续。

image-20250715010149028

4.检查域名绑定状态

回到Cloudflare页面,点击检查服务。

image-20250715010341820

等待一会,刷新页面,出现以下结果则成功。

image-20250715010422714

此时没有dns记录。

image-20250715010611610

☁️ 第三步:部署Cloudflare R2 图床服务

1.开通 CloudFlare R2

点击右侧的R2对象储存。

image-20250715010714839

在弹出的界面输入付款方式(信用卡,paypal都可以)

image-20250715010821081

2.创建储存桶及桶设置

image-20250715011144302

按图选择方式设置图床

image-20250715011115694

3.自定义图床域名

设定访问桶的域名,有两种方法,一种是有一个私有域名(需托管在Cloudflare上),另一个是用R2.dev子域名,继续之后,点连接域,会自动生成dns记录。

image-20250715011226281
image-20250715011300325
image-20250715011359436

需要回到ClouDNS添加data的域名解析。

image-20250715012019037

自定义域名绑定成功后,这里dns会显示R2记录。

image-20250715011705643

4.测试图床

这里找一个图片测试图床上传

image-20250715011453424

成功上传

image-20250715011557797

图片能够通过自定义域名直接访问成功。

image-20250715011746043

自定义域名dns解析成功

image-20250715011835492

🔐第四步:创建 API 令牌(用于 PicGo)

有的api令牌就可以用软件(PICGO)自动上传图片了。

image-20250715012131431

我这里创建账户令牌

image-20250715012203846

记录一下值,最好复制到一个文档保存,只会显示一次。

image-20250715012302292

📤 第五步:PicGo配置S3(Cloudflare R2)服务图床服务

1.软件环境准备

  • 🖼️ PicGo 官网:https://picgo.github.io/PicGo-Doc/
  • 🟢 Node.js 官网:https://nodejs.org/zh-cn

2.安装插件 picgo-plugin-s3

选择安装图中插件,可能会失败,多试几次。

image-20250715012400762

3.设置默认图床为 S3,并进行配置

image-20250715012509122

根据前面保存的api配置图床信息

image-20250715012637555

这里自定义的URL一定要填写http,否则会出现 “image load failed“ 无法加载出图片,填写目标的定义参考链接:

image-20250715012746766

4.测试验证

image-20250715012843809

相册中加载正常

image-20250715012916670

存储桶文件路径、文件名正常,文件上传成功

image-20250715013012251

✍️ 第六步:配置 Typora 实现 Markdown 自动上传插图

Typora 是一款所见即所得的 Markdown 编辑器,支持:

  • 图文混排,编辑体验接近 Word
  • 插入图片时自动上传到图床
  • 自动替换为图床地址,便于文章发布到博客、公众号、CSDN 等平台
  • 支持 LaTeX、代码块、流程图、目录等高级功能

🎯 下载地址:https://typora.io/

1.配置Typora

image-20250715013149807

2.测试验证

image-20250715013221984

3.文档测试验证

复制图片到文档中显示如下连接,已经成功上传,并且图床中已经有文件。

image-20250715013341920

查看图床中已经存在对应文件

image-20250715174057749