修改背景毛玻璃效果及添加自定义CSS

以Toha主题为例

通过修改style.css 自定义网站

以修改Toha主题导航栏背景色为例

只需要在Hugo根目录下static/css/style.css文件中直接加入如下代码即可。

/* 首页导航栏背景色 */
.initial-navbar {
    background-color: #244;
}

大家在修改Hugo主题时，也可套用此类规则，style.css文件的具体位置视使用主题而定，建议不要修改主题内的CSS文件，应将其考至hugo站点相应目录内修改，以免主题更新造成麻烦。

修改背景毛玻璃效果

其实我一直想去掉Toha主题的背景毛玻璃效果，在默认的背景图片效果还好，但是若更换照片，有些很漂亮的图片，就变得很难看。so，决定改掉它。
打开如下文件/static/css/sections/home.css，调整代码中的filter: blur(3px)参数，0PX是不模糊：

.background {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background-attachment: fixed;
  background-position: center;
  transform: scale(1.1);
  filter: blur(0px);/*修改背景毛玻璃效果*/
  background-size: cover;
}