github加载html

html-css017

github加载html,第1张

问:github加载html?

答:GitHub pages 的方式。

1、在github仓库中点击Settings

2、进入Settings页面后,向下滚动,找到 GitHub Pages,然后点击 Choose a theme 按钮。

3、选择一个主题,点击 Select theme 按钮。

4、回到仓库的 Settings 里面,就会看到 GitHub Pages 里面会有下图红框的东西。

5、点击上图的红框中的地址,会进入下图的这个页面。

6、访问某个html示例 。

7、如果想要在这个项目中加上主页,而不需要使用主题(即第5步)当主页,那就在项目下建一个 index.html 页面即可。

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

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

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

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

1.首先把html等文件上传到仓库。

2.点击setting,找到Github Pages,将none改成master branch 然后会出现一个网址。

将这个网址作为前缀,后缀为你要预览的html文件名

例如仓库里有一个test.html  那么完整网址就是 https://sf-chen.github.io/baiduweb/test.html 

可以在readme里面写<a href="https://sf-chen.github.io/baiduweb/test.html">demo</a>