带有 Python 语法突出显示的 HTML 演示幻灯片

Question

我想为我的演示文稿创建幻灯片。我的演示文稿将包含以下内容：幻灯片标题、项目符号点、代码片段（等宽字体）、一些以粗体突出显示的代码行、Python 代码片段（带有语法突出显示）。

我需要一个可以在 HTML（或 HTML5）中生成此类幻灯片的应用程序或工具，因此当我在 Web 浏览器中打开生成的 HTML 并将 Web 浏览器设置为全屏模式时，它将开始幻灯片放映。我更喜欢将演示文稿编写为带有一些标记的 .txt 文件，然后该工具应生成 HTML。

我知道 Google Docs 的演示功能，但它不支持 Python 语法突出显示。

我还了解 LaTeX 和 Beamer，但这会生成 PDF 而不是 HTML（不是一个大问题） ，并且没有内置的 Python 语法突出显示。

我更喜欢使用普通的 Google Chrome 或 Mozilla Firefox 来投影我的演示文稿。我不想在投影机上安装任何演示软件（例如 bruce） 。

还有其他选择吗？

Answer 1

尝试以下方法之一：

1. 使用 S5 重构文本

   http://meyerweb.com/eric/tools/s5/

   http://docutils.sourceforge.net/docs/user/slide-显示.html

   如果您安装docutils（首选快照），您将在tools文件夹中获得rst2s5.py。

2. Bruce，演示工具

   http://code.google.com/p/bruce-tpt/

3. Pandoc：通用文档转换器

   http://johnmacfarlane.net/pandoc/

4. AsciiDoc 有一个选项可以生成生成自包含的 Slidy HTML

Answer 2

就在最近，出现了 slippy：将演示文稿编辑为 HTML，并突出显示 Python（和许多其他语言）。

Answer 3

你绝对应该看看landslide，这是一个Python应用程序，可以用它创建非常漂亮的幻灯片HTML5来自markdown格式的文本，并且它支持语法高亮。要预览它的功能，只需查看从项目的自述文件。

Answer 4

html5slides 是一个不错的选择。

http://code.google.com/p/html5slides/

Answer 5

这只是您所要求的一部分，但是如果您想要对 Python 进行语法突出显示并转换为 HTML，那么您可以在 Emacs 中使用 python-mode 来执行语法突出显示并 htmlize 转换为 HTML。

例如，您可能会从 htmlize 开始

def decode_safely(s, charset='ascii'):
    """Return s decoded according to charset, but do so safely."""
    try:
        return s.decode(charset or 'ascii', 'replace')
    except LookupError: # bogus charset
        return s.decode('ascii', 'replace')

，然后通过 htmlize 您会得到：

<pre><span class="keyword">def</span> <span class="function-name">decode_safely</span>(s, charset=<span class="string">'ascii'</span>):
    <span class="string">"""Return s decoded according to charset, but do so safely."""</span>
    <span class="keyword">try</span>:
        <span class="keyword">return</span> s.decode(charset <span class="keyword">or</span> <span class="string">'ascii'</span>, <span class="string">'replace'</span>)
    <span class="keyword">except</span> <span class="type">LookupError</span>: <span class="comment"># see job002442
</span>        <span class="keyword">return</span> s.decode(<span class="string">'ascii'</span>, <span class="string">'replace'</span>)
</pre>

您可以看到每个语法都用属于一个的 进行标记。 class 指示它属于哪个语法类：然后您可以使用 CSS 来指定您想要的颜色。 （htmlize 可以配置为指定显式颜色 - - 但类/CSS 方法更灵活。）

作为幻灯片生成过程的一部分，这可以轻松实现自动化，但我认为这对于一个答案来说已经足够了。