2017-07-06 236 views
2

我在使用reveal.js时遇到了一些问题。由于instructions真的不说在哪里放置文件或什么他们的名字(是明摆着的吗?),我有甚至还让示例代码的指令页上下班的问题:reveal.js生成空白页面

<html> 
    <head> 
     <link rel="stylesheet" href="css/reveal.css"> 
     <link rel="stylesheet" href="css/theme/white.css"> 
    </head> 
    <body> 
     <div class="reveal"> 
      <div class="slides"> 
       <section>Slide 1</section> 
       <section>Slide 2</section> 
      </div> 
     </div> 
     <script src="js/reveal.js"></script> 
     <script> 
      Reveal.initialize(); 
     </script> 
    </body> 
</html> 

我已将此代码放到名为test.html的文件中,并将reveal.js资源库中的css文件夹复制到与test.html相同的文件夹中。

当我在Firefox或IE中打开test.html时,我只是得到一个完全没有任何东西的白色网页,当按下箭头键时没有任何反应。如果我将"css/theme/white.css"更改为其他主题,我设法更改页面的背景颜色,但我仍然没有获取任何内容。

我在做什么错?

回答

0

我意识到,除了引用css文件夹中的文件外,代码还涉及js文件夹中的文件。因此,我还需要将reveal.js存储库中的js文件夹复制到与test.html相同的文件夹中。

或者,我可以改变的引用,这样我反而有

 <link rel="stylesheet" href="<path-to-reveal.js>/css/reveal.css"> 
     <link rel="stylesheet" href="<path-to-reveal.js>/css/theme/white.css"> 

 <script src="<path-to-reveal.js>/js/reveal.js"></script> 

test.html