typecho主题butterfly修改记录

type

status

date

slug

summary

路径：/usr/themes/butterfly/index.css

#page-header.full_page{height:100vh; > height:20vh; 文章页距离顶部

max-width:1200px; > max-width:1800px; 文章区域宽度增加

width:100%;flex-direction:row-reverse; 接上一条自定义添加

{#aside-content{padding-left:15px}}@media > padding-right:15px 布局左右调换后，导致的两块区域接缝重叠

路径：/usr/themes/butterfly/css/custom.css

删除25-27行 对文章区域背景滤镜的删除

修改背景图，保持铺满屏幕，不跟随滚动，自适应大小，区块背景透明

路径 /usr/themes/butterfly/header.php 和 index.css

在header.php中将原先在head标签下的背景图获取方式移动到body标签下

在index.css中，删除#page-header 标签下的 background color属性，以获得透明背景

经过测试，原先index.css中的background:var(--global-bg);属性对于背景控制无效，所以删除。并且添加相应的三个属性，分别为 background-repeat:no-repeat; background-attachment:fixed; background-size:cover; 含义分别为不重复，不跟随滚动，自适应大小

修改无图文章的背景图，并且需要获取的图片不一致

路径：/usr/themes/butterfly/functions.php

将$rand=mt_rand(1,26);这行前边的 // 注释删除。以此来获得一个随机数

替换图中链接替换，也可以是服务器本地的地址

给部分界面添加毛玻璃效果

找到对应css，添加backdrop-filter:blur(5px);

微信公众号 - 六六姐的小喇叭

CG交流Q群 - 369748859

游戏群 - 485939898

学习途中的一些随笔，

希望对大家有用

💖😎😉🤣😘💕