【问题标题】:Customizing Pandoc's Slidy CSS?自定义 Pandoc 的 Slidy CSS?
【发布时间】:2012-07-04 11:06:23
【问题描述】:

我正在使用神奇的 Pandoc 从 Markdown 转换为 Slidy 幻灯片格式。我想编辑 Slidy CSS,但我一生都无法弄清楚 CSS 文件在哪里被使用。我在这里和那里找到了一堆 slidy.css 文件并尝试修改它们,但 Pandoc 的 Slidy 输出永远不会改变。

有谁知道 slidy.css 在 OSX 上默认在哪里?谢谢!

【问题讨论】:

    标签: slideshow pandoc


    【解决方案1】:

    默认情况下 pandoc 使用来自 slidy 网站的 CSS 和 javascript 文件。如果您想使用本地版本,请创建一个目录,例如myslidy,其中包含子目录scriptsstyles。将slidy.js.gz 放入scripts 并将slidy.css 放入styles。然后使用以下选项调用 pandoc:

    pandoc -s -t slidy -V slidy-url=myslidy
    

    然后,Pandoc 将链接到您的本地 CSS 文件。如果您想将所有这些都包含在 HTML 文件本身中,因此它不依赖于外部 myslidy 目录,请添加选项--self-contained

    另一种选择是继续使用来自 slidy 网站的 slidy 脚本,但替换为您自己的 CSS 文件。为此,您必须创建一个具有不同样式表链接的自定义滑动模板。要获取您自己的默认模板副本,请执行

    pandoc -D slidy > my.slidy
    

    编辑此文件中的 CSS 链接,并调用 pandoc

    pandoc -s -t slidy --template my.slidy
    

    【讨论】:

    • 感谢快速响应!试图让第一种方法起作用。 (1) 在我的主目录 (/Users/peter/) 中,我创建了一个名为“myslidy”的文件夹并将这些子文件夹和文件放入其中。所以我现在有 ~/myslidy/scripts 和 ~/myslidy/styles 里面有必要的文件。 (2) 我在 ~/myslidy/styles/slidy.css 中编辑了样式。 (3) 在终端中,从我的主目录,我调用 Pandoc:$ pandoc -s -t slidy --self-contained -V slidy-url=myslidy -o Desktop/pandoc_output.html slidy-test.md 但 Slidy 输出仍然具有默认样式!我做错了什么?
    • 嗯,我刚刚测试了第一种方法,找到了你发现的东西。查看代码,我看到--self-contained 选项将slidy-url 变量设置为slidy。我想我这样做是为了避免依赖网络连接,但这可能是个坏主意。无论如何,(a) 调用您的目录 slidy 而不是 myslidy 或 (b) 编辑系统默认值 /usr/local/share/pandoc-1.9.4.2/slidy/styles/slidy.css,或通过将修改后的 slidy 目录放在 ~/.pandoc 下创建本地默认值。
    • 啊,非常感谢,这完全奏效了!最后一个问题:如果我想创建几个不同的样式表来为不同类型的情况创建(自包含的)Slidy 演示文稿,我应该将各种 CSS 文件放在哪里以及如何调用一个与另一个?
    • 两种可能。首先,您可以使用上述第二种方法,使用自定义模板。将滑动 CSS 的链接从 $slidy-url$/styles/slidy.css 更改为 $slidy-css-url$。然后使用pandoc -s -t slidy --template my.slidy -V slidy-css-url /path/to/custom-slidy-css.css 调用pandoc。或者您可以硬编码模板中的路径并使用多个模板。一个更简单的想法:如果您的 css 自定义不是极端的,您可以尝试使用 --css 选项包含的另一个 CSS 文件简单地覆盖默认滑动 CSS 的各个方面。
    【解决方案2】:

    使用 pandoc -t slidy --css my.css ... 指定其他 css 文件。 这不需要修改 pandoc 的默认滑动模板。

    (这是 John MacFarlane 之前的评论。我只是将其发布为 答案以获得更高的知名度。)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-11-06
      • 1970-01-01
      • 2013-06-17
      • 2016-08-01
      • 2021-06-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多