Featured image of post stack主题修改加修复BUG

stack主题修改加修复BUG

修改明暗模式切换图标

SVG图像本质上是一段代码,stack的SCSS需要绑定SVG图像代码的ID才行(也怪我几年没碰前端,早忘完了),用vs code打开svg图像,在代码里添加SCSS绑定ID 浅色模式里SVG打开,添加 class=“icon icon-tabler icon-tabler-light” 暗色模式里SVG打开,添加 class=“icon icon-tabler icon-tabler-dark”

所有样式的修改

所有样式的修改基本都集中在assets/scss/custom.scss 配置修改在hugo.yaml

头像修改

注意,avatar.local默认值:true(如果设置为 true,头像图片应放置在 assets/${avatar.src},且图像会压缩) 所以,必须设置为false 才能自定义文件目录并且不被压缩!

背景图片设置踩坑!

背景图片直接在body里设置css,如果增加background-attachment: fixed设置图像不随内容滚动会导致页面一直刷新卡顿,必须在body下新建一个

,用这个容器设置背景图片(感谢我大学时候学习前端时候手工搭建的第一个网站的遗泽)

分享

© 2024 Anlianli. All rights reserved.
Powered by Stack & Jimmy