zoukankan      html  css  js  c++  java
  • Github上html页面(包括CSS样式和JS效果)如何显示出来

            在看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效果,达到了我最初研究的目的!如果你想显示其他页面,输入相应的名字即可!这样做,是不是很不错?


  • 相关阅读:
    json转List、Map
    java复制文件的4种方式
    Java并发编程之CountDownLatch的用法
    SpringMVC整合ActiveMQ
    Spring AOP (事务管理)
    Spring AOP 的实现方式(以日志管理为例)
    Java设计模式之模板方法模式(Template Method)
    MongoDB简介
    线程池的实现原理
    ReentrantLock的底层实现机制 AQS
  • 原文地址:https://www.cnblogs.com/cmderq/p/9130827.html
Copyright © 2011-2022 走看看