前言
对于一些刚入门的技术小白来说，有免费建站这种香饽饽，肯定是要尝试一下的，对于传统建站来说，这种方法无需部署服务器，甚至无需申请域名。搭建后的网站在国内外均可以访问。
准备工作
- 前端代码(最好选用HTML,CSS,JavaScript)
- GitHub账号
- CouldFlare账号
源码
在这里，我为大家提供一套前端源码来作为示例。 以上是一个前端简单的代码示例，本文以此代码为例。
index.html
styles.css
script.js
说明：HTML文件命名必须是index.html,CSS与JS文件命名依据实际。
GitHub
GitHub账号想必都有，如果没有的话，使用邮箱注册一个即可，那么注意还需下载一个Watt Toolkit因为在国内访问GitHub速度太慢，所以我们用这个软件作为加速器。
打开Wall Toolkit点击侧边栏的网络加速，下滑勾选GitHub，点击一键加速即可流畅进入GitHub。
进入GitHub,搭建一个存储库。
命名规则参考这幅图片，可见范围一定选择Public，存储库名称选择"用户名.github.io"，这样以后生成的二级域为https://用户名.github.io 当然存储库的名字也可以命名为其他的，例如存储库名为topic，那么最后二级域为https://用户名.github.io/topic 但应注意，用户名和仓库名都应为英文，不要使用汉字或其他文字，否则你将会得到一个超长超难记的域名。
创建以后，点击uploading an existing file，把我们的网页文件拖入。
我们直接提交更改就OK了。
解释一下，在这里我们用GitHub来作为数据存储免去了服务器。接下来我们要启用GitHub Pages。
无需更改，直接提交即可。等待片刻，重进进入。
像这样就成功了，但是在国内，这个网站速度太慢，所以我们用CouldFlare给他提速。
CouldFlare
进入CouldFlare后，选择Pages
我们需要新建一个，选择Pages然后点击连接Git，选择GitHub,连接我们的GitHub账号即可，所以的操作默认即可，完成后选择我们的存储库，开始设置即可，然后选择一个域名根据自己的喜好命名即可，然后就可以开始部署了，等待几分钟就部署完成了，随后输入我们选择的域名，可以看到网站完成了，但是加载速度仍然不快，这是因为pages.dev二级域名在国内受限，绑定一个自己的域名就OK了，这个我们下篇文章再讲。
