实战2小时白手起家建立自己的可访问站点!随意传递信息!
登录 Cloudflare 并选择您的帐户。地址https://dash.cloudflare.com/
如果没有就注册一个,无需验证手机号,拿一个邮箱即可注册成功!不用翻墙,直接访问地址,没注册的会提示你注册。
注意,单词Log in登录适合已经有号的朋友,Sign up适合从零开始的新手!
进来后是cloudflare的核心业务,提升站点的速度和安全性,连接您的域,开始通过 Cloudflare 发送 Web 流量。
我们不要管他,直接去验证邮箱,点一次会发一封邮件到你的邮箱中,去访问即可。
然后选择Workers & Pages并选择您的Pages项目。
两种上传方式,你有GitHub号就用上面那个,没有就用下面的。99%教程都叫你用gh我这里教你写直接传文件法
起名字,热门名字如果重名了,会自动帮你改名加一个区别的后缀,上传文件夹,然后点确定即可启动。
如果你的界面不一样或者看不懂,点右右上角的语言改为中文即可。
最后一路点蓝色醒目按钮即可,自动化完成任务。
但是这里有一个小坑,你直接访问名字+pages.dev肯定看不到任何东西。因为我们要编辑_redirects文件才有效路由。
在文件夹目录下新建无后缀名的文件叫做 "_redirects" ,里面写一行
/ /index.html 200
即可使用。index.html是你的首页文件名字内容。
一旦你选择手动上传文件夹,那么后续就无法改为靠gh等工具管理了,每次更新必须重新上传整个文件夹或压缩包,点绿圈圈处即可进入上传更新的地方,以后有什么修改添加的就点这里加入进去。
其他管理工具在页面能轻易找到,就不讲了。
### **对比分析:Cloudflare Pages vs. GitHub Pages vs. Vercel**
| 特性 | Cloudflare Pages | GitHub Pages | Vercel |
|--------------------------|-----------------------------------|-----------------------------------|-----------------------------------|
| **性能** | 极高(全球 CDN,HTTP/3 支持) | 较低(无高级 CDN 功能) | 高(全球 CDN,支持边缘计算) |
| **易于使用** | 需要一定学习成本 | 简单直观 | 中等(需熟悉其生态系统) |
| **支持的框架** | 多种现代框架(React, Vue, Next.js 等) | 主要支持 Jekyll | 深度支持 Next.js 和其他框架 |
| **免费托管** | 免费版功能强大 | 完全免费,但限制较多 | 免费版功能丰富,但有限制 |
| **集成能力** | 与 Cloudflare 生态系统深度集成 | 仅限 GitHub 平台 | 支持多种 Git 平台 |
| **实时预览** | 支持 Pull Request 预览 | 不支持 | 支持 Pull Request 预览 |
| **自定义域名配置** | 简单快捷 | 相对复杂 | 简单快捷 |
| **动态内容支持** | 有限(可通过 Workers 实现) | 不支持 | 强大(支持 SSR、ISR、API Routes) |
| **适合场景** | 高性能、灵活性需求的企业或个人项目 | 简单的静态网站或博客 | 前端框架驱动的动态应用 |
---
### **推荐使用场景:**
1. **选择 Cloudflare Pages:**
- 如果你需要高性能的全球 CDN 和灵活的构建环境。
- 如果你的项目涉及复杂的前端框架或需要与 Cloudflare 的其他服务(如 Workers、D1 数据库)集成。
- 如果你希望获得现代化的开发体验(如 Pull Request 预览)。
2. **选择 GitHub Pages:**
- 如果你只需要一个简单的静态网站托管服务,比如个人博客或项目文档。
- 如果你已经熟悉 GitHub 并希望快速部署。
- 如果你不需要特别高的性能或复杂的配置。
3. **选择 Vercel:**
- 如果你的项目使用 Next.js 或其他现代前端框架,并且需要动态内容支持(如 SSR、ISR)。
- 如果你希望获得最佳的开发体验(如实时预览、自动化 CI/CD)。
- 如果你需要高级功能(如边缘计算、团队协作)并且愿意为此付费。
您需要登录后才可以回帖