如何在GitHub上部署你的网站

GitHub是一个流行的代码托管平台，但你知道吗？你也可以将其作为免费的静态网站托管平台。在本文中，我将向你介绍如何在gitHub上部署你的静态网站。

第一步：创建一个GitHub仓库

首先，你需要在GitHub上创建一个新的仓库，用于存储你的网站的源代码。请确保选择Public选项，以确保您的网站可以公开访问，并在.gitignore文件中添加你不希望被GitHub托管的文件或文件夹（例如node_modules或dist文件夹）。

第二步：将代码上传到仓库

上传你的网站代码，可以直接上传本地文件夹，也可以使用命令行将代码提交到仓库中。如果你需要进行版本控制，建议使用Git工具进行提交。

第三步：启用GitHub Pages

启用GitHub Pages是非常简单的，前提是你的仓库中必须有一个index.html文件。在仓库的Settings选项卡中，向下滚动到GitHub Pages区域，并选择“master branch”（主分支）作为源，然后点击“Save”按钮。

如果你的网站是React、vue.js、angular等框架开发的，则可能需要将构建生成的文件放在dist文件夹中，以确保正确的启用GitHub Pages。

第四步：绑定自定义域名

如果你想将自定义域名绑定到GitHub Pages上的网站上，那么也非常简单。只需在放置在该仓库中的根目录下，新建一个名为CNAME的文件，并将你的域名写入该文件中。然后，在你的域名服务商处设置一个CNAME记录，指向你的GitHub Pages URL即可。

总结

在本文中，我们简要介绍了如何在GitHub上部署静态网站。总的来说，这是一个非常优秀且免费的选择，因为GitHub是一个非常强大的平台，提供了高性能的服务和稳定的托管。如果你正在寻找一个简单的、免费的方式来部署你的网站，那么GitHub Pages绝对值得你的尝试。