hugo大部分blog主题的内容宽度是800px,现在屏幕分辨率都很高,屏幕尺寸也很大,800px内容宽度显得特别窄,看起来特别小气。

我用的是hugo-theme-even主题,修改文件themes\hugo-theme-even\assets\sass_variables.scss

找到48-49行,默认是800px,原内容如下:

1
2
// Global width of '<body>'.
$global-body-width: 800px !default;

调整宽度为960px,修改内容如下:

1
2
// Global width of '<body>'.
$global-body-width: 960px !default;

当然,你可以修改到大于1000px。但960px比较适合大部分场景,比较推荐。