↓跳过正文
  1. Posts/

无他，唯魔改 CSS 尔

·524 字·2 分钟
Hugo
Crabcracker
作者
Crabcracker
A little bit about you
目录

前言
#

已经被 Hugo 和/或主题的升级搞怕了。之前一度在 gitlab-ci 里锁死了 Hugo 的版本（image: "registry.gitlab.com/pages/hugo:x.xxx.xxx"），还让 ChatGPT 教我如何在 apt upgrade 的时候排除更新 Hugo (apt-mark hold hugo)。不过看着别人的博客做得那么好看，我终究按耐不住蠢蠢欲动的爱美之心，还是咬牙更新了 Hugo 和主题。

自带的多语言
#

因为我没写对应页面的英文版，所以自带的多语言仍是鸡肋。不过 blowfish 把自带的多语言切换按钮做得越来越好看了，而且现在对顶栏美观没有负面影响，所以这回我没再把它去掉。

sitemap 语言参数报错
#

这回更新后的唯一报错是 theme/blowfish/layouts/_default/sitemap.xml 里的语言参数。我还是分不清 .Site.LanguageCode 和 .Language.LanguageCode 的区别，就简单粗暴地改回了之前的 .Site.LanguageCode。

调整字号和排版
#

我发现自己的博客排版相比主题官方示例整体左倾，看着明显不协调。经过排查发现是放大字号后连带改变了整个页面的布局。ChatGPT 教我在客制化的 css 文件插入 body 的方法并不见效：

body {
  margin-left: 50px
}

我最后直接在 html 下调整 padding-left，改完之后博文的布局偏左的问题确实改善了，但一回到主页发现原先居中的图标整体向右移动了。好在我又多加了一行 padding-right 给救回来了。以下是最后使用的 css:

html {
  font-family: "LXGW WenKai Screen R, Regular";
  font-size: 110%;
  padding-left: 100px;
  padding-right: 80px;
}