如何预览github上的Html页面

1.在github上找到包含要查看的html工程,找到Settings,点击进入

2.一路向下滑动,找到GitHub Pages,选择版本(若没有特殊需求,一般选择 master branch就行),选择版本后,会出现一个地址在如图3的位置.

3.复制上一步拿到的地址然后拼接下要查看的html文件路径,通过浏览器就可以看到html文件的预览效果了

4.最后验证结果如下,我们成功的预览了要查看的html页面.(ps:目前github预览的html为静态的,不支持音乐播放这种的哦)

是的，GitHub可以架设聊天html。GitHub提供了一个可以用来架设聊天html的平台，可以使用HTML、CSS和JavaScript等技术来构建聊天html，并且可以使用GitHub的版本控制功能来管理聊天html的代码。

前面试验了使用Github和Hugo来构建自己的在线文档网站的基本步骤，接下来想要定制一个自己的网站，而不是仅仅使用模板。

从一些经验帖来看，通用的做法就是

1）在Github上新建一个XX.Github.io的仓库，并开启Github Pages功能。

这时仓库下将生成index.md和_config.yml。如此我们才能保证在线网站的基本访问功能。

2）在本地新建文档，使用hugo server命令生成public文件夹，这个文件夹里是hugo构建的所有静态页面，我们只需要将文件夹下的内容推送到步骤1中创建的仓库中（仓库中的index.md和_config.yml需要一直保留）就可以在公网上访问我们在本地构建好的网站。

实践的过程中就遇到问题了：

本地生成的网站长这样

使用public文件夹推送到Github上的网站长这样

小白的我，甚至不知道这样的现象如何描述，也许是CSS样式丢失？效果不一致？

对照教程，并没有哪里做的不对，大家也没有遇到我这样的现象。

只找到一条解决记录如下，但是我当时并没有看懂，只单纯地注释掉了自己config.toml里的首行“ baseURL = "https://example.com/"，但是并没能起什么作用。

最后呢？解决了。解决办法呢？F12键，也许这才是正确的调试办法吧。

既然说这是CSS样式的问题，那是不是CSS引用出现了问题，结合上面的解决记录，我试着将“ baseURL = "https://example.com/"改成了“ baseURL = "https://XX.github.io/" （XX是我github的用户名），也许这样CSS样式指向才正确。

果然，public里有index.html效果达到了，推送到Github也正常。

---