瓶子的小站

Cloudflare CDN：内容分发网络#

在传统的访问模式下，无论用户在哪里，都必须连接到源服务器（Origin Server）。如果服务器在北京，而用户在纽约，数据跨越半个地球会产生巨大的延迟。使用CDN功能，Cloudflare 会将网站的静态资源（如图片、JS、CSS、HTML 页面）存储在其全球 300 多个城市的边缘节点上。当纽约的用户访问时，请求会被自动引导至纽约当地的数据中心，直接获取缓存内容。只有当缓存中没有这些内容时，Cloudflare 才会去你的源服务器调取，并再次缓存起来。

• 免费政策：

• 流量 (Bandwidth)： 完全无限。

• DDoS 防护： 提供不限流量（Unmetered）的抗 D 攻击防护。当网站遭受攻击时，Cloudflare 会自动清洗恶意流量，不会因为攻击产生的巨额带宽而收费。

• 全球节点： 免费用户可以使用 Cloudflare 遍布全球 300 多个城市的绝大部分边缘节点（虽然付费版在某些地区的路由会更优）。

• SSL 证书： 一键生成并自动续期免费的通用 SSL 证书，让网站强制启用 HTTPS。

• DNS 解析： 享受全球最快的公共 DNS 解析服务。

Cloudflare Workers：边缘计算引擎#

像是一个分布在全球的微型服务器。让编写的代码运行在离用户最近的节点上。不适合存大型文件，但非常适合处理 API 请求、改写网页内容、或者运行 AI 模型，速度极快且没有延迟。

• 免费政策：

• 请求次数： 每天 10 万次 免费请求。如果超过这个数，脚本会停止运行（除非升级到 5 美元/月的付费版）。

• CPU 时间： 每个请求最多可占用 10ms 的 CPU 时间（这对于大多数 API 和轻量逻辑足够了）。

• 脚本数量： 最多可部署 100 个 不同的脚本。

Cloudflare Pages：前端托管与协作#

像是一个自动化程度更高的网站托管平台。只需把代码上传到 GitHub，就会自动帮忙构建并发布网站。最擅长托管前端页面（如 React、Vue 或个人博客），并且能自动关联后端接口。

• 免费政策：

• 流量与带宽： 完全无限。即使网站突然爆火，Cloudflare 也不会因为带宽收一分钱。

• 自定义域名： 免费支持绑定自己的域名，并自带免费的 SSL 证书。

• 构建次数： 每月支持 500 次 构建（即代码推送后的自动更新次数），对个人开发绰绰有余。

• 预览环境： 每一个代码分支都会生成一个独一无二的预览地址，这也是免费的。

R2对象存储#

Cloudflare R2 是 Cloudflare 推出的对象存储服务（Object Storage），目标是为打破亚马逊 AWS S3 对“数据出站费（Egress Fees）”的垄断。在 AWS 或 Google Cloud 存储数据时，存数据很便宜，但当把数据取出来（下载或传输给用户）时，会被收取昂贵的流量费。

• 免费政策：

• 存储空间 (Storage) 10 GB，足够托管约 10,000 张高清图片或数千个文档。

• A 类操作 (写) 100 万次，包括上传文件 (PUT)、创建存储桶、列出文件 (LIST)。

• B 类操作 (读) 1,000 万次，包括下载文件 (GET)、获取元数据。

• 数据出站 (Egress) 永久免费，用户下载数据时不产生任何流量费。

个人静态博客搭建（Pages）#

个人静态博客（Static Blog）是一种没有后端数据库、没有复杂服务器运算，仅由 纯 HTML、CSS 和 JavaScript 文件 组成的网站。

GitHub发布页面：https://github.com/matsuzaka-yuki/Mizuki/releases

Twikoo评论系统（Workers、R2、D1 SQL数据库）#

cloudflare Workers部署教程：

https://blog.mingy.org/2024/12/hexo-add-twikoo/

个人图床搭建（Pages、R2、KV）#

个人图床（Image Hosting Service）就是一个专门用来存储图片并提供外链的在线仓库。当把一张图片上传到图床后，它会生成一个唯一的链接（URL）。可以把这个链接复制到博客、论坛、GitHub 或各种笔记软件（如 Obsidian、Typora）中，这样无论在哪里，只要有网络，图片就能正常显示。

Telegraph-Image（单文件大小不超5MB，无限容量，使用Telegram Bot）：

教程视频（cloudflare R2存储，无前后端）：

https://www.bilibili.com/video/BV1eZCrY4E17/?spm_id_from=333.337.search-card.all.click&vd_source=a92d20af6f76cf2f5634aab64ff76d52

PicGo项目GitHub发布页面：https://github.com/Molunerfinn/PicGo/releases

教程（Telegram，前后端）：https://www.freedidi.com/19912.html

教程（Telegram，前后端）：https://www.baiyuyu.com/5644.html

Telegraph-Image项目：

CloudFlare-ImgBed（功能丰富，支持多种渠道，有前后端管理）：

功能文档：https://cfbed.sanyue.de/guide/features.html

CloudFlare-ImgBed项目：

SubsTracker - 订阅管理与提醒系统（Workers）#

基于Cloudflare Workers的轻量级订阅管理系统，帮助您轻松跟踪各类订阅服务的到期时间，并通过 Telegram、Webhook 等多渠道发送及时提醒。

教程：https://www.freedidi.com/19913.html

功能文档：https://cfbed.sanyue.de/guide/features.html

SubsTracker项目：

LibreTV（Pages）#

LibreTV 是一个轻量级、免费的在线视频搜索与观看平台，提供来自多个视频源的内容搜索与播放服务。无需注册，即开即用，支持多种设备访问。项目结合了前端技术和后端代理功能，可部署在支持服务端功能的各类网站托管服务上。

教程：https://www.freedidi.com/19908.html

LibreTV项目：

Sublink Worker（Pages）#

订阅管理中心，将节点订阅链接转换为 Clash/Sing-Box/Surge 配置链接。

教程文档：https://sublink.works/

教程视频：

https://www.youtube.com/watch?v=LVNKAlTpodY&list=PLnezC2ytohqSYAdycActYnIAo63rNPffo&index=10

Sublink Worker项目：

Umami#

Umami 是一个开源、注重隐私的网站分析工具，可以替代 Google Analytics。

数据库：

Umami 的要求：Umami 使用的是 Prisma ORM，目前官方仅支持 PostgreSQL 和 MySQL。

Cloudflare D1：它基于 SQLite，虽然也是 SQL，但在语法、连接方式和数据类型上与 PostgreSQL 有显著差异。

Umami 是一个 Next.js 应用。虽然 Cloudflare Pages 支持 Next.js（通过 next-on-pages），但 Umami 的一些核心依赖库（特别是数据库驱动）目前还无法在 Cloudflare Workers 的边缘运行时（Edge Runtime）中完美运行，经常会遇到“超出 CPU 时间限制”的问题。

部署方案：Supabase + Vercel

Supabase：Supabase 常被称为 “开源版的 Firebase”。它基于强大的 PostgreSQL 数据库，为开发者提供了一整套开箱即用的后端功能。

Vercel：Vercel 是 Next.js 的母公司，是目前全球最领先的 Web 应用托管平台，专门为前端开发者设计。