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

Question

问题

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

问题

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

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

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

1）更改主题参数 - 不知道如何做到这一点，但我意识到这可能是唯一的方法 2）一起改变Hugo主题。

Answer 1

一个选项是更改主题目录中max-width内的@media (min-width: 600px) { section {参数（查找main.css或类似内容）。可能需要查看您的主题git以获取更多详细信息。

Answer 2

如果您还想禁用滚动条，则可以执行以下操作：

首先尝试在静态目录中找到css / index.css

（1）用于水平滚动条

pre {

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）用于垂直滚动条

pre {

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

}