在非本地服务器上将 reveal.js 幻灯片 (.html) [Jupyter 笔记本导出] 作为网页托管

Question

我目前正在开发 Jupyter Notebook。我设法将其导出为 reveal.js 幻灯片 (.html) 并将其托管在我的本地服务器上。我在终端中使用了以下命令行：

jupyter nbconvert <mynotebookname>.ipynb --to slides --post serve

它生成一个 <mynotebookname>.slides.html 文件并在我的浏览器中打开它，我可以在其中正确浏览幻灯片（如 https://revealjs.com 上的示例所示）。

但是，如果我将此文件上传到我大学服务器上的 'web' 文件夹（我通常会上传我想作为网页查看的任何 html 文件），我会得到一个可滚动的文件包含我笔记本内容的页面。它不会呈现与本地服务器相同的幻灯片视角。

我想将其作为网页提供，以便与其他人共享。我错过了什么？

Answer 1

我终于通过使用以下命令找到了解决方案：

jupyter nbconvert <mynotebookname>.ipynb  --to slides --reveal-prefix "https://cdn.jsdelivr.net/npm/reveal.js@3.6.0 "

这样生成的 slides.html 文件将在您的浏览器中正确呈现幻灯片，无论该文件是在您的本地计算机上作为独立文件还是在 webserver/github/bitbucket 上显示为网页。

我不知道当不使用 --post serve 时，有必要将显示前缀指向 CDN（内容分发网络）上可用的某些 reveal.js 库。显然 --post serve 会为您做到这一点。作为替代方案，也可以指向本地 reveal.js 库。

这里有一些链接帮助我找到了这个解决方案。它们包含一些在将笔记本转换为幻灯片时可能有用的附加命令。

Host reveal.js slides (.html) [Jupyter notebook export] as webpage on non local server