reveal.js 生成空白页

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

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

我做错了什么？

Answer 1

我意识到除了引用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.

reveal.js 生成空白页

reveal.js produces blank page

html

css

reveal.js