【问题标题】:Blogdown using Hugo - How to expand width of code chunks?Blogdown using Hugo - 如何扩展代码块的宽度?
【发布时间】:2018-02-12 02:43:23
【问题描述】:

问题

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

问题

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

我希望解决方案是扩大 Blogdown/Hugo 的 contentposts 部分的宽度,这可能吗?

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

1) 更改主题参数——不知道怎么做,但我意识到这可能是唯一的方法 2)一起改变雨果主题。

【问题讨论】:

    标签: r hugo blogdown


    【解决方案1】:

    一种选择是更改主题目录中main.css 内的max-width 参数(查找@media (min-width: 600px) { section { 或类似内容)。查看您的主题 git 以了解更多详细信息可能是个好主意。

    【讨论】:

    • 我会试试这个,当我找到@media ... 并更改宽度时...我只是保存了雨果主题文件?当我build_site() 时它会接受新的hugo 参数吗?还是修改参数后需要重新安装hugo主题?我会尝试两个,现在只是想知道。
    • 无需重新安装——保存后即可使用。您使用的是哪个主题?
    • 我正在使用锂。而且我刚刚实施了您的建议,并且效果很好。谢谢!
    【解决方案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
    

    }

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-11
      • 2014-06-23
      • 2011-10-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多