用github页面真的很容易做到，只是第一次做的时候有点奇怪。有点像你第一次在学习编织的时候不得不玩弄三只小猫。(好吧，也没那么糟)

你需要一个gh-pages分支:

基本上，github.com会寻找存储库的gh-pages分支。它将把在这里找到的所有HTML页面作为普通HTML直接提供给浏览器。

如何获得这个gh-pages分支?

一件容易的事。只需创建一个名为gh-pages的github repo分支。 当你创建这个分支时，因为你并不想将这个分支合并回你的github分支，你只是想要一个包含你的HTML资源的分支。

$ git checkout --orphan gh-pages

那我的回购书里的其他东西呢，那跟它有什么关系?

不用了，你可以直接删掉。现在这样做是安全的，因为您已经注意到并创建了一个孤儿分支，它不能合并回主分支并删除所有代码。

我已经创建了分支，现在呢?

你需要把这个分支推到github.com，这样他们的自动化就可以开始为你托管这些页面。

git push -u origin gh-pages

但. .我的HTML仍然没有被服务!

github需要花几分钟来索引这些分支，并启动所需的基础设施来提供内容。根据github，最多10分钟。

github.com列出的步骤

https://help.github.com/articles/creating-project-pages-manually

如果你不想下载一个存档，你可以使用GitHub Pages来渲染这个。

将存储库转移到您的帐户。 在您的机器上本地克隆它 创建一个gh-pages分支(如果已经存在，则删除它并基于master创建一个新的分支)。 将分支推回GitHub。 浏览网址:http://username.github.io/repo”

在代码:

git clone git@github.com:username/repo.git
cd repo
git branch gh-pages
# Might need to do this first: git branch -D gh-pages
git push -u origin gh-pages # Push the new branch back to github
Go to http://username.github.io/repo

如果你已经配置了GitHub页面，你可以得到你的公共url，如:

https://<username>.github.io/<repository>/index.html

哪里<用户名>和<存储库>将分别为用户名和回购名称占位符

所以，结果是这样的: http://necolas.github.io/css3-social-signin-buttons/index.html

如果它是一个在所有存储库中启用GithubPages的组织，它将是这样的:

https://<org>.github.io/<repository>/

有两种方法(用于公共存储库)对我来说效果很好:都非常简单，并且能够通过链接到本地CSS文件和本地JAVASCRIPT/VUE文件来渲染复杂的HTML页面。

方法1 -与GitHub页面

要设置，请访问:https://github.com/YOUR_ACCT_NAME/YOUR_REPO_NAME/settings/pages(见下面的屏幕截图)

我的原始HTML页面回购的例子:https://github.com/BrainAnnex/life123/blob/main/experiments/life_1D/diffusion/diffusion_1.htm

如何渲染:https://brainannex.github.io/life123/experiments/life_1D/diffusion/diffusion_1.htm注意如何所有的样式，图形和交互控件都很好:)

方法2 -免费服务raw.githack.com

访问https://raw.githack.com/并输入您的页面的完整URL(包括“/blob”部分);例如,https://github.com/BrainAnnex/life123/blob/main/experiments/life_1D/diffusion/diffusion_1.htm

然后该网站产生2个链接，工作得很好:)

一个很好的选择，如果GitHub页面变得不可用!

在GitHub上预览HTML文件最舒服的方法是访问https://htmlpreview.github.io/或直接将其添加到原始URL前，即:https://htmlpreview.github.io/?https://github.com/bartaz/impress.js/blob/master/index.html

如果你正在使用企业级Github，你可能不想有一个面向公众的Github页面。对我们有效的一件事是:

对于HTML文件:https://github.private-repo.com/team/project/blob/master/order.html

下面是在浏览器中打开并以HTML形式检索最新文件的URL: https://github.private-repo.com/pages/team/project/order.html