很多同学在做个人项目的时候需要部署网站，可是问了AI教的很多方法都是本地部署的，所以来问我怎么把网站部署到公网互联网。所以今天，作者在这里统一教大家如何把一个写好的网站部署到公网互联网。

须知

本操作指南用纯手搓纯前端静态网站的部署做演示，需要除了Pages Funtions之外其他后端或数据库的网站需要额外操作步骤，如果使用已有工具进行部署可能需要在部署时填入额外的构建命令，但都能大致使用此技术线进行部署。整个过程非常简单，不需要任何代码，大家都能做，那么话不多说，开始教学。

部署步骤

看到这里，你一定是打定主意准备学习部署方式了，那么…隆重介绍今天的主角，互联网界的赛博活佛…

第一步：请神

今天的主角是一家名为Cloudflare的互联网公司，作者一般管它叫全球联通云，国际股票代码NET，纳兹达克上市公司。什么？你要问凭什么它是赛博活佛？那我们就拿它和阿里云做一个简单的对比吧。部署一个网站，阿里云的分发价格各异，中东地区可达2元/GB，Cloudflare免费不限流。你说怕受到网络攻击？阿里云的网络攻击防护功能需要付费，Cloudflare完全免费，它曾免费为开发者防御了迄今为止最大规模的DDos网络攻击。赛博活佛厉害的地方还有很多，但这不是今天的重点，让我们回到话题，如何部署网站。

首先，点击这里进入Cloudflare官网，我们可以看到这个页面

我们点击“免费开始使用”按钮进入账号注册页，可能需要加载一会，请耐心等待。

第二步：部署

注册完进去之后，我们可以点击右上角这个像人一样的图标修改语言（这里作者拿简体中文演示）

改好之后找到左侧计算，点击展开，在里面选择Workers和Pages

随后在弹出的框里面点击最下方的“继续前往pages”

然后会让你选择部署方式，这两种都是可以的，如果有Github仓库可以选择Github，没有也可以直接上传文件

Github

如果你是GitHub的用户，可以直接连接到仓库上，这样以后往仓库里推代码的时候也可以自动更新部署（这里提一嘴，虽然GitHub有自带的GitHub Pages，但是它送的域名不好看而且网站本身访问起来很慢，所以更建议Cloudflare Pages）。直接选择连接到现有Git库，按照指南绑定好即可。如果没有特殊结构，几乎不用填写任何内容（记得选对生产分枝）。

本地上传

如果选择本地上传，首先要给项目命名（全英文，可以有连字符），如果没有重名项目，Cloudflare将给你分发“你写的名字.pages.dev”的网址，网址满意之后点击右边的创建项目，接着上传你的网站的项目文件夹或者zip压缩包都是可以的。后面就不用填写什么了（记得选对生产分枝）。

后续开发

到这里，我们的网站就成功的部署好了，如果不喜欢Pages.dev的默认网址，我们也可以在部署好之后点进项目，在顶部选择“自定义域”

绑定自己的域名，就比如这个博客本身就是用Cloudflare Pages部署的（虽然不是纯前端）。什么？你说你没有域名？去白嫖一个也不是不行，白嫖之后在CF里用域名->预览绑定这个域名之后就可以回到自定义域绑定域名了。

结语

至此，我们完成了Cloudflare Pages网站项目的部署，现在你的域名已经部署到公网互联网，大家可以通过你的域名访问啦！快去分享吧～