惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Google DeepMind News
Google DeepMind News
U
Unit 42
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
J
Java Code Geeks
D
DataBreaches.Net
B
Blog RSS Feed
D
Docker
L
LangChain Blog
aimingoo的专栏
aimingoo的专栏
F
Fortinet All Blogs
Y
Y Combinator Blog
A
About on SuperTechFans
V
V2EX
罗磊的独立博客
WordPress大学
WordPress大学
宝玉的分享
宝玉的分享
MongoDB | Blog
MongoDB | Blog
博客园 - 【当耐特】
Last Week in AI
Last Week in AI
S
SegmentFault 最新的问题
月光博客
月光博客
Vercel News
Vercel News
H
Hackread – Cybersecurity News, Data Breaches, AI and More
阮一峰的网络日志
阮一峰的网络日志

Dlog

数字时代的沉默守护者:致敬 KeePass 之父 Dominik Reichl 🔐 Web Key Directory (WKD) 部署指南 刀锋上的晨间哲学:316L 不锈钢与我的理容仪式 📘 Git 极简生存指南 📘 TortoiseGit 子模块核验手册:如何看懂 PaperMod 改了什么? 📘 TortoiseGit 子模块更新(升级)操作手册 平安夜,给这个 17 岁的数字家园挂上一串代码风铃 🎄 数字世界的火漆印章:我为什么要给博客文章加上 GPG 签名 异星工场蓝图代码 重构实录:Hugo+PaperMod 的终极现代化改造 上帝视角:为 PaperMod 接入 Microsoft Clarity 用户行为分析 Markdown 写作指南:像写代码一样写文章 🛶 “寻路者”的回归:海洋与波利尼西亚文化的重生 PaperMod 主题微调:Profile Mode 下的中文排版精修 告别腾讯 404,重构幽灵页面 南太平洋的极客简史:从石币区块链到草编飞机 数字领土的隐秘江湖:那些关于域名的疯狂往事 R2速率限制规则配置 蝴蝶效应:一张 25MB 的图片,让我买下了 .org 大良印记买锅记 海棠血泪 修复访客地图 PaperMod 中的 Google Analytic 配置 fnOS极简版「智能屏幕管理」方案 fnOS「开机10分钟后自动关闭屏幕」配置方案 Markdown中常用的HTML代码 再看海贼王 修复Microsoft Store应用更新 新旧交替之际 剃须装备
修改背景毛玻璃效果及添加自定义CSS
Chow Ray · 2021-01-06 · via Dlog

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;
}