【问题标题】:reveal.js title with capitalized words but not in uppercase带有大写单词但不是大写的reveal.js标题
【发布时间】:2017-11-01 14:39:07
【问题描述】:

我正在使用 Markdown 准备幻灯片,并使用 pandoc 将它们转换为 HTML 幻灯片,以便与 reveal.js 一起使用。

生成的标题默认为大写。我希望它们出现在“titlecase”中,每个单词都大写,但不是所有字母都大写。

哪个文件的哪个设置强制使用大写标题?

将其更改为“titlecase”的推荐方法是什么?

谢谢。

【问题讨论】:

  • 需要更改主题模板文件并将.scss重新编译为.css。或者,要更改现有主题,可以关闭 text-transform: uppercase; 属性或在主题的 .css 文件中修改它。
  • 随意回答您自己的问题...

标签: pandoc reveal.js title-case


【解决方案1】:

这是我最终所做的:

  1. 创建一个自定义 CSS 文件,例如在同一目录中的 custom.css 用这条/这些线:

    .reveal h1,
    .reveal h2,
    .reveal h3,
    .reveal h4,
    .reveal h5,
    .reveal h6 {
      text-transform: none;
    }
    
  2. 使用 pandoc 编译,包括选项 --css="./custom.css"

所有标题的大写现在都将消失。当然可以根据自己的要求为text-transform 使用其他值。

此方法是非侵入性的,因为它不会更改 reveal.js 文件夹中的设置。此外,它也是可移植的,因为custom.css 文件独立于reveal.js 文件夹。

【讨论】:

  • 使用自定义css文件显然是要走的路:文本转换设置在您选择的显示主题中,因此您需要使用不将其设置为大写的主题,或者您需要按照您的方式自定义更改它..
【解决方案2】:

this issue on the reveal.js site 中所述,快速解决方法是将

<style>
    .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5 {
                  text-transform: none;
          }
</style>

在 html 文件的&lt;head&gt; 中。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-11-28
    • 2016-10-31
    • 1970-01-01
    • 1970-01-01
    • 2011-10-24
    • 2012-05-10
    • 1970-01-01
    • 2016-07-12
    相关资源
    最近更新 更多