Question

我有一个奇怪的问题，我猜测有一个非常简单的解决方案，但我似乎无法找到它。我正在使用this教程开始我的第一个reveal.js幻灯片演示。本教程中的代码是：

<!doctype html>
<html lang="en">    
<head>
    <meta charset="utf-8">
    <title>Reveal.js 3 Slide Demo</title>
    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/default.css" id="theme">    
    <!--Add support for earlier versions of Internet Explorer -->
    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
</head>

<body>
    <!-- Wrap the entire slide show in a div using the "reveal" class. -->
    <div class="reveal">
        <!-- Wrap all slides in a single "slides" class -->
        <div class="slides">

            <!-- ALL SLIDES GO HERE -->
            <!-- Each section element contains an individual slide -->
            <section>
                <h1>About My Product</h1>
                <p>My product discussed here</p>        
            </section>

            <section id="show-a-link">
                <h1>Show a live link</h1>
                <p>Slide 2 discussed here</p>
                <p>See <a href="http://www.htmlcheats.com">HTMLCheats.com</a><p>
            </section>

            <section>
                <h1>Slide 3</h1>
                <p>How does one revisit an arbitrary slide in code?</p>
                <p>Visit internal slide<a href="#/show-a-link"> 2</a>
            </section>

            </div>
    </div>
    <script src="lib/js/head.min.js"></script>
    <script src="js/reveal.min.js"></script>

    <script>
        // Required, even if empty.
        Reveal.initialize({
        });
    </script>
</body>
</html>

我将代码保存到index.html文件中，并将其与其余的揭密文件和文件夹放在一起。当双击它时，它会在浏览器中打开，所有内容都会呈现，但不会显示幻灯片。相反，所有幻灯片显示内容都在一张没有导航控件的幻灯片中呈现。

当双击Hakim的索引文件（来自github的演示文稿文件，位于与我的html文件相同的目录中）时，它可以完美地运行并按预期运行。我尝试将上面的代码复制粘贴到哈基姆的例子中，但同样的问题也出现了。我在这做错了什么？代码是一个教程代码，看起来很好，文件位于适当的环境中，可以找到所有显示库和css，所以为什么它不显示幻灯片？

Answer 1

由于此示例，并且每个reveal.js基本幻灯片都需要在揭密环境中运行，您需要从主页下载reveal.js代码并将index.html放入该目录。

一切都应该没问题。

从index.html代码中，您可以找到对此类css文件的引用，例如reveal.min.css。

<link rel="stylesheet" href="css/theme/default.css" id="theme">

这意味着css / theme / default.css应该存在，那么这个页面将作为设计工作。否则，它只能将其显示为普通的html文档。

幻灯片放映没有与reveal.js一起运行

1 个答案: