Question

我在让reveal.js工作方面遇到了一些问题。由于instructions并没有真正说出放置文件的位置或者命名的内容（这是显而易见的吗？），我甚至在指令页面上的示例代码工作时遇到了问题：

<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的文件中，并将css存储库中的reveal.js文件夹复制到与test.html相同的文件夹中。< / p>

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

我做错了什么？

Answer 1

我意识到除了引用css文件夹中的文件外，代码还引用了js文件夹中的文件。因此，我还需要将js存储库中的reveal.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中的

。

reveal.js生成空白页面

1 个答案: