reveal.js生成空白页面

Question

reveal.js生成空白页面

3

我在使用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"更改为其他主题，我就可以更改页面的背景颜色，但仍然无法获得任何内容。

我做错了什么？

- HelloGoodbye

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- HelloGoodbye · 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 中。