Question

我试图将rmarkdown的输出扩展为html。我一直在尝试this solution但没有成功（虽然我使用了蔚蓝主题，根据评论应该是响应）。还尝试按照here所述添加css元素 - 无效。

我该如何做到这一点？

Answer 1

将这些样式定义直接添加到您的RMarkdown文档中：

<style>
  .main-container {
    max-width: 1200px !important;
  }
</style>

或者，您可以通过在YAML标题as described here中设置相应的选项，将样式定义放在您链接到的外部文件styles.css中：

 ---
 output:
   html_document:
     css: styles.css
 ---

这两个选项对我有用。

Answer 2

上面的答案没有用，所以我花了很多时间来解决这个问题。看来您不能再将原始CSS转储到rmarkdown文档中并正确地包含它了。

此解决方案对我有用。请注意，我必须修改主体和主容器的最大宽度，将其作为块放置在yaml标头之后。

    ```{css, echo=FALSE}
    body .main-container {
      max-width: 1280px !important;
      width: 1280px !important;
    }
    body {
      max-width: 1280px !important;
    }
    ```

以下是有关如何正确集成CSS的参考：https://bookdown.org/yihui/rmarkdown/language-engines.html#javascript-and-css

我找不到需要修改的各种属性的引用，我从Chrome开发者控制台中了解了所有内容。

覆盖rmarkdown主题以更改html页面宽度

2 个答案: