首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何指定从本地web服务器运行的reveal.js表示?

如何指定从本地web服务器运行的reveal.js表示?
EN

Stack Overflow用户
提问于 2017-07-07 22:13:58
回答 1查看 2.3K关注 0票数 7

根据reveal.js 设置指令的说法,要想获得某些功能(比如外部标记和扬声器注释),演示文稿需要从本地web服务器运行。

但是,如果我遵循说明,就无法指定要开始的演示文稿,而我得到的只是包含两个幻灯片的演示文稿,上面写着“幻灯片1”和“幻灯片2”。在查看上一节时,呈现的似乎是reveal.js存储库中的演示文稿"index.html“,即不是我想要呈现的演示文稿。

如何在本地web服务器上运行演示文稿,而不将reveal.js文件夹的内容复制或移动到演示文稿所在的文件夹中,而不复制、移动或重命名演示文稿?

EN

回答 1

Stack Overflow用户

发布于 2017-07-18 16:55:05

使用符号链接

让我们假设您在家里有一个目录,在这里保存所有演示文稿。从安装reveal.js的目录中运行:

代码语言:javascript
复制
ln -s ~/presentations presentations

然后在浏览器中访问http://localhost:8000/presentations,获取所有表示文件的列表(当然,如果其中一个文件名为index.html)。点击其中的任何一个来显示它。

注意:如果您的演示文稿位于服务器根目录(安装reveal.js的目录)之外,则reveal.js资源链接必须是绝对的,而不是相对的。这样,它们就会相对于根目录( reveal.js所在的位置)而不是当前目录(演示文稿所在的目录)而被选中。

例如,在示例演示文稿文件中,您需要打开以下几行:

代码语言:javascript
复制
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css">
<link rel="stylesheet" href="lib/css/zenburn.css">
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }

转入:

代码语言:javascript
复制
<link rel="stylesheet" href="/css/reveal.css">
<link rel="stylesheet" href="/css/theme/black.css">
<link rel="stylesheet" href="/lib/css/zenburn.css">
<script src="/lib/js/head.min.js"></script>
<script src="/js/reveal.js"></script>
{ src: '/plugin/markdown/marked.js' },
{ src: '/plugin/markdown/markdown.js' },
{ src: '/plugin/notes/notes.js', async: true },
{ src: '/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44980389

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档