Blogdown 使用 Hugo - 如何扩展代码块的宽度？

Question

问题

我在我的 Blogdown 网站上发布的代码太宽，导致出现侧边滚动条：

问题

如何更改配置页面以使文本块的宽度更宽？

我希望解决方案是扩展 Blogdown/Hugo 的 content 或 posts 部分的宽度，这可能吗？

我遇到了一些可能的解决方案：

1) 更改主题参数 -- 不知道该怎么做，但我意识到这可能是唯一的方法 2) 一起更改 Hugo 主题。

Answer 1

一个选项是更改主题目录中 main.css 内的 max-width 参数（查找 @media (min-width: 600px) { section { 或类似的东西）。查看您的主题 git 了解更多详情可能是个好主意。

Answer 2

如果您还想禁用滚动条，可以按如下方式进行：

首先尝试在静态目录

中找到css/index.css

(1) 水平滚动条

前{

white-space: pre-wrap  //add this line to word wrap，disable the horizontal scroll bar
word-wrap: break-word  //add this line to word wrap，disable the horizontal scroll bar

}

(2) 垂直滚动条

前{

    // width: 100%  comment this line to solve the vertical problem

}

Blogdown 使用 Hugo - 如何扩展代码块的宽度？

Blogdown using Hugo - How to expand width of code chunks?

r

hugo

blogdown