跳到主要内容

示例文章:技术栈迁移完成

· 阅读需 2 分钟
Helloworld
技术博主

这是一篇示例文章,用于演示新博客系统的功能。

✨ 新功能展示

代码高亮

// Worker API 示例
export default {
async fetch(request, env) {
const url = new URL(request.url);

if (url.pathname === '/api/posts') {
const posts = await env.DB.prepare('SELECT * FROM posts').all();
return Response.json(posts.results);
}

return new Response('Hello from Cloudflare Workers!');
},
};

列表支持

迁移后的技术栈优势:

  1. 🚀 Cloudflare Pages - 全球 CDN 部署
  2. Workers - 无服务器 API
  3. 💾 D1 数据库 - SQLite 边缘数据库
  4. 📦 R2 存储 - 对象存储(无出口费)
  5. 💬 Giscus - 基于 GitHub Discussions 的评论

图片上传功能

博客集成了 R2 对象存储,支持图片上传功能:

使用方式:

  1. 在投稿页面或管理后台找到上传按钮
  2. 选择图片文件(JPG/PNG/GIF/WebP,最大 5MB)
  3. 图片自动上传到 Cloudflare R2 存储
  4. 系统会生成 Markdown 格式的图片链接并复制到剪贴板
  5. 直接粘贴到文章中即可

优势:

  • ✅ 全球 CDN 加速,访问速度快
  • ✅ 无出口费用(相比 AWS S3 节省成本)
  • ✅ 自动压缩和优化
  • ✅ 支持批量上传

深入了解

为什么选择这个技术栈?

成本效益

服务免费额度超出费用
Pages无限站点$0
Workers10万次请求/天$5/百万次
D15GB + 2500万次读取/月$0.30/GB
R210GB + A类1000万次$0.15/GB

总计:个人博客完全可以免费运行!

性能对比

  • 旧架构:VPS 单点部署,延迟取决于服务器位置
  • 新架构:全球边缘网络,用户访问最近的节点

预计访问速度提升 300-500%

下一步计划

  • 完成基础迁移
  • 添加更多自定义主题样式
  • 实现全文搜索功能
  • 添加 RSS 订阅支持
  • 集成分析工具

本文由 Docusaurus 生成,部署在 Cloudflare Pages

欢迎来到 Helloworld 的笔记

· 阅读需 1 分钟

欢迎来到我的个人博客!这里记录着我的:

  • 📚 学习笔记 - 技术学习和知识整理
  • 💡 思维风暴 - 创意想法和深度思考
  • ☀️ 生活碎片 - 日常生活点滴
  • ✍️ 投稿专区 - 读者投稿展示

本站使用 Docusaurus 构建,部署在 Cloudflare Pages,评论系统采用 Giscus

技术栈

  • 前端: Docusaurus (React)
  • 部署: Cloudflare Pages + CDN
  • API: Cloudflare Workers
  • 数据库: Cloudflare D1 (SQLite)
  • 图片存储: Cloudflare R2
  • 评论: Giscus (GitHub Discussions)

开始阅读

使用顶部导航栏浏览不同分类的文章,或使用搜索功能查找感兴趣的内容。

Helloworld的笔记

· 阅读需 1 分钟

欢迎来到我的个人博客!这里记录着我的学习笔记、思维风暴和生活碎片。

📚 分类导航

  • 学习笔记 - 技术学习和知识整理
  • 思维风暴 - 创意想法和深度思考
  • 生活碎片 - 日常生活点滴
  • 投稿专区 - 读者投稿展示

💬 评论

本站使用 Giscus 评论系统,基于 GitHub Discussions,欢迎参与讨论!

📮 投稿

有想法想要分享?点击「我要投稿」提交你的文章!