用trae 开发了一个基于 cloudflare 全家桶的 Blog 系统,已开源

# CF-Blog:基于 Cloudflare 边缘计算的下一代博客系统

## 告别臃肿,迎接极简

如果你还在使用 WordPress,一定深有体会:频繁的插件更新、主题兼容性问题、服务器安全维护、以及随着访问量增长不断攀升的主机费用。更不用说那些影响用户体验的缓慢加载速度——尤其是在全球不同地区的访问者面前。

传统博客平台已经走过了二十年,是时候拥抱更现代、更轻量、更符合当下技术趋势的解决方案了。

**CF-Blog** 应运而生。

## 什么是 CF-Blog?

CF-Blog 是一个完全构建在 **Cloudflare 全球边缘网络** 上的现代化开源博客系统。它不依赖传统服务器,不产生月租费用,无需域名备案,却能提供企业级的性能与可靠性。

经过两周的密集开发和一周的深度优化,CF-Blog 现已具备生产环境所需的**安全防护**与**运行效率**,特别为那些寻求 WordPress 替代方案的用户量身打造。

## 核心优势:为什么选择 CF-Blog?

### 🚀 **全球极速访问**
借助 Cloudflare 的 300+ 全球边缘节点,你的博客内容将在物理上靠近每一位访问者。无论是纽约、伦敦、东京还是悉尼的用户,都能享受到毫秒级的加载体验。

### 💰 **真正的零成本运营**
Cloudflare 的免费额度足够支撑个人博客甚至中小型站点的全部需求:
- **Cloudflare Pages**:无限带宽、无限请求
- **Cloudflare Workers**:每日 100,000 次免费请求
- **Cloudflare D1**:每日 10,000 次数据库读取、1,000 次写入
- **Cloudflare R2**:10GB 免费存储空间

### 🔒 **内置企业级安全**
- 无需担心服务器漏洞、DDoS 攻击或恶意入侵
- Cloudflare 自动提供 SSL/TLS 加密、防火墙和威胁防护
- 代码层面已实施输入验证、XSS 防护和速率限制

### ⚡ **无与伦比的性能**
- 边缘计算架构,内容从最近的节点直接送达用户
- 自动图片优化和 WebP 格式支持
- 智能缓存策略,重复内容几乎瞬时加载

## 功能特性:不输传统平台的完整体验

### 📝 **现代化的内容管理**
- 纯 Markdown 写作体验,专注内容创作
- 实时预览,所见即所得
- 分类、标签、置顶、定时发布一应俱全
- 草稿箱和版本历史管理

### 💬 **交互式评论系统**
- 访客评论与回复功能
- 审核机制防止垃圾内容
- 集成 Cloudflare Turnstile 人机验证
- 邮件通知新评论

### 👥 **多角色用户体系**
- 读者、作者、管理员三级权限
- OAuth 社交登录支持
- 个人资料和头像管理

### 🎨 **优雅的界面设计**
- 响应式布局,完美适配手机、平板和桌面
- 暗色/亮色主题自动切换
- 简洁美观的排版和动画效果
- 自定义主题颜色支持

### 🖼️ **无缝媒体管理**
- 拖拽上传图片至 Cloudflare R2
- 自动生成多种尺寸缩略图
- 外链图片本地化缓存
- 图库和相册功能

## 技术架构:云原生时代的博客引擎

CF-Blog 采用最前沿的技术栈,确保长期可维护性和性能:

### 前端框架
- **Next.js 15**:App Router 架构,服务端渲染与静态生成
- **TypeScript**:类型安全,更好的开发体验
- **Tailwind CSS**:实用优先的 CSS 框架,极致性能

### 后端服务
- **Cloudflare Workers**:边缘运行的无服务器函数
- **Cloudflare D1**:全球分布的 SQLite 数据库
- **Cloudflare R2**:兼容 S3 的对象存储服务
- **Cloudflare KV**:低延迟的键值存储缓存

### 开发工具
- **OpenNext**:Next.js 到 Cloudflare Workers 的适配层
- **Wrangler**:Cloudflare 开发者命令行工具
- **Drizzle ORM**:类型安全的数据库操作

## 与 WordPress 的直观对比

| 特性 | CF-Blog | WordPress |
|------|---------|-----------|
| **部署复杂度** | 一键部署,无需服务器 | 需要购买主机,配置环境 |
| **月度成本** | 完全免费(在额度内) | $5-$50+ 主机费用 |
| **全球速度** | 边缘节点,全球毫秒级 | 依赖单一服务器位置 |
| **安全维护** | 平台自动维护,无需干预 | 需要定期更新和监控 |
| **技术门槛** | 现代 Web 技术栈 | PHP+MySQL 传统架构 |
| **扩展性** | 按需自动扩展 | 受限于主机配置 |
| **数据控制** | 代码和数据完全自主 | 受限于主机提供商 |

## 开始使用:5分钟快速部署

### 第一步:准备环境
```bash
# 克隆项目
git clone https://github.com/gogcat/cf-blog.git
cd cf-blog

# 安装依赖
pnpm install
```

### 第二步:本地开发
```bash
# 启动开发服务器
pnpm dev
# 访问 http://localhost:3000
```

### 第三步:部署上线
```bash
# 构建项目
pnpm run build:workers

# 部署到 Cloudflare
pnpm deploy
```

详细的部署指南请参考项目中的 [DEPLOY.md](https://github.com/gogcat/cf-blog/blob/main/DEPLOY.md) 文件。

## 开源与贡献

CF-Blog 采用 **MIT 许可证**,完全免费且开源。我们欢迎社区的参与:

- 🐛 **报告问题**:在 GitHub Issues 提交 bug 或建议
- 💡 **功能请求**:告诉我们你需要的功能
- 🔧 **代码贡献**:提交 Pull Request 改进项目
- 📖 **文档完善**:帮助改进使用文档和教程
- 🌍 **翻译协助**:为项目添加多语言支持

## 案例展示

已有数十位早期用户成功部署 CF-Blog,涵盖技术博客、个人日记、作品集展示等多种场景。他们的共同反馈是:

> "从 WordPress 迁移过来后,加载速度提升了 3-5 倍,而且再也不用担心安全更新和服务器维护了。"

## 未来规划

CF-Blog 仍在积极开发中,接下来的版本将带来:

- 🔍 **全文搜索**:基于边缘计算的即时搜索
- 📊 **数据分析**:访问统计和用户行为分析
- 📱 **移动应用**:配套的移动端管理应用
- 🔌 **插件市场**:社区贡献的功能扩展
- 🤖 **AI 助手**:AI 辅助写作和内容优化

## 立即开始

如果你已经厌倦了 WordPress 的复杂性和持续维护成本,CF-Blog 提供了一个清爽的替代选择。

**无需信用卡,无需长期承诺**,今天就可以在 Cloudflare 的免费额度内体验下一代博客平台。

访问 [GitHub 仓库](https://github.com/gogcat/cf-blog) 获取完整代码和文档,开始你的边缘计算博客之旅。

---

*CF-Blog:让内容回归本质,让技术服务于创作。*
1 个赞

一种没听过的新东西

怎么重新编辑帖子呀,我发完才发现论坛不会自动渲染 markdown 代码

有图嘛 瞅瞅

之前用hexo部署到cf过

演示网址:https://cf-blog.huoli.fun/

项目地址:https://github.com/gogcat/cf-blog/,刚刚更新了版本,最新版本开放了独立的主题功能,大家可以自己写主题文件。

看着前端功能都挺齐全的 该有的都有 挺好的

hexo 跟我这个不一样,那个是纯静态的博客系统,我这个是动态的

我现在用的wordpress

大佬牛啊 :heart_eyes: