示例文章:技术栈迁移完成
· 阅读需 2 分钟
这是一篇示例文章,用于演示新博客系统的功能。
✨ 新功能展示
代码高亮
// 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!');
},
};
列表支持
迁移后的技术栈优势:
- 🚀 Cloudflare Pages - 全球 CDN 部署
- ⚡ Workers - 无服务器 API
- 💾 D1 数据库 - SQLite 边缘数据库
- 📦 R2 存储 - 对象存储(无出口费)
- 💬 Giscus - 基于 GitHub Discussions 的评论
图片上传功能
博客集成了 R2 对象存储,支持图片上传功能:
使用方式:
- 在投稿页面或管理后台找到上传按钮
- 选择图片文件(JPG/PNG/GIF/WebP,最大 5MB)
- 图片自动上传到 Cloudflare R2 存储
- 系统会生成 Markdown 格式的图片链接并复制到剪贴板
- 直接粘贴到文章中即可
优势:
- ✅ 全球 CDN 加速,访问速度快
- ✅ 无出口费用(相比 AWS S3 节省成本)
- ✅ 自动压缩和优化
- ✅ 支持批量上传