Github上html页面(包括CSS样式和JS效果)如何显示出来

版权声明:每解决一个问题,都是一次进步!不怕进步慢,只怕不进步! https://blog.csdn.net/whq19890827/article/details/78513605

        在看Github上项目时,发现有的html页面效果能很好的展现出来,而有的则不能。对这个问题很好奇,因此研究了一下,最终做到了将页面展示出来的目的。下面以我的Github的开源项目bootstrap-tools为例,一步一步来说明怎么做。

      首先进入这个项目,然后点击设置:


      进入这个页面后,对GitHub Pages项的Theme Chooser进行设置,选择choose a theme:



        进入主题模板页面后,选择相应的模板文件。具体怎么选,根据自己的实际情况来就可以!这里我选的是Minimal theme主题模板文件:



          返回原有页面后,会发现在Github Pages下显示一行信息:Your site is ready to be published at https://cmderq.github.io/bootstrap-tools/   这就说明你的设置成功了。


         下面就是如何访问对应的页面了。点击生成的链接,进入这个新生成的页面:


         这个页面中,是展示bootstrap-tools项目的topic和README文件内容。如果我们要访问某个html文件(如果 有多个的话),比如我这里要访问互文档.html这个页面,只需要在https://cmderq.github.io/bootstrap-tools/ 链接后加入对应的html文件名即可,链接为https://cmderq.github.io/bootstrap-tools/交互文档.html 最终的效果展示如下:



    这个页面,能够显示css样式和展示我所做的一些js效果,达到了我最初研究的目的!如果你想显示其他页面,输入相应的名字即可!这样做,是不是很不错?


猜你喜欢

转载自blog.csdn.net/whq19890827/article/details/78513605
今日推荐