【发布时间】:2018-02-12 02:43:23
【问题描述】:
问题
我在我的 Blogdown 网站上发布的代码太宽,导致出现侧滚动条:
问题
如何更改配置页面以使文本块的宽度更宽?
我希望解决方案是扩大 Blogdown/Hugo 的 content 或 posts 部分的宽度,这可能吗?
我遇到了一些可能的解决方案:
1) 更改主题参数——不知道怎么做,但我意识到这可能是唯一的方法 2)一起改变雨果主题。
【问题讨论】:
问题
我在我的 Blogdown 网站上发布的代码太宽,导致出现侧滚动条:
问题
如何更改配置页面以使文本块的宽度更宽?
我希望解决方案是扩大 Blogdown/Hugo 的 content 或 posts 部分的宽度,这可能吗?
我遇到了一些可能的解决方案:
1) 更改主题参数——不知道怎么做,但我意识到这可能是唯一的方法 2)一起改变雨果主题。
【问题讨论】:
一种选择是更改主题目录中main.css 内的max-width 参数(查找@media (min-width: 600px) {
section { 或类似内容)。查看您的主题 git 以了解更多详细信息可能是个好主意。
【讨论】:
@media ... 并更改宽度时...我只是保存了雨果主题文件?当我build_site() 时它会接受新的hugo 参数吗?还是修改参数后需要重新安装hugo主题?我会尝试两个,现在只是想知道。
如果你还想禁用滚动条,你可以这样做:
首先尝试在静态目录中找到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
}
【讨论】: