- 🔭 I'm currently working at xingzhe as a backend&gis engineer.
- 🌱 I'm currently learning devops.
- 📫 How to reach me: dHV3ZW55b3VuZ0BnbWFpbC5jb20= .
这个项目已经配置好可以直接部署到 Cloudflare Pages。
# 安装依赖
npm install
# 启动本地开发服务器
npm run dev
# 安装 Wrangler CLI
npm install -g wrangler
# 登录到 Cloudflare
wrangler login
# 部署到生产环境
npm run deploy
# 部署到测试环境
npm run deploy:staging
- 将代码推送到 GitHub 仓库
- 在 Cloudflare Dashboard 中创建新的 Pages 项目
- 连接你的 GitHub 仓库
- 设置构建配置:
- Build command:
npm run build
- Build output directory:
.
- Root directory:
/
(留空)
- Build command:
- 点击部署
beyoung/
├── index.html # 主页面
├── wrangler.toml # Cloudflare Wrangler 配置
├── _headers # HTTP 头配置
├── _redirects # 重定向规则
├── package.json # 项目配置
├── .gitignore # Git 忽略文件
└── README.md # 项目说明
- 前端: HTML5, CSS3, JavaScript (ES6+)
- 部署: Cloudflare Pages
- CDN: Cloudflare CDN
- 安全: CSP, HSTS, X-Frame-Options 等
- ✨ 响应式设计,支持移动端
- 🎨 现代化 UI 设计
- 🚀 快速加载,CDN 加速
- 🔒 安全配置,防止 XSS 和点击劫持
- 📱 PWA 友好
- 🌐 国际化支持
部署完成后,你可以在 Cloudflare Pages 设置中添加自定义域名。
- 静态资源压缩
- 浏览器缓存优化
- CDN 全球分发
- 安全头配置
Live Demo: https://beyoung.pages.dev