选择如何修改对于如何修改背景,我目前想到的方案有三种。
直接修改源文件也就是直接修改主题目录下的index.sty文件,这种方式简单直接。唯一的不足就是每次更新主题需要重新修改。
引入一个新的css文件这个是我比较推荐的做法,毕竟” 魔改一时爽,一直魔改一直爽 “。
使用js文件最不推荐的做法,这种做法会在一定程度上延缓网页加载的时间,并且修改方式较为复杂。至于为什么,请自行科普html是如何渲染。
如何选择对于上述三种方法,我选择第二种,理由与不足如下:
方式比较优雅。
相比第一种不会因为主题更新而再次修改
引入 css 文件在渲染时不会切换引擎
引入新的文件,会造成页面多一次的请求
覆盖方式可能会需要加!important
创建层叠样式表这里以第二个方式,css文件建立的方式有两种。博主的 butterfly 主题为:2.3.0 在任意位置创建一个css文件,例如 background.css。(简单来说,就是创建一个 txt 文件,把名字改为 background.css 即可。注意扩展名)打开这个css文件,开始编辑butterfly 主题的背景div的id为w ...
创建font文件夹在hemes/butterfly/source/下创建font文件夹将HarmonyOS_Sans_SC_Regular.ttf和JetBrainsMono-Regular.ttf放进font
创建css在themes/butterfly/source/css/下创建font.css编辑font.css
12345678910111213@font-face{ font-family: 'JetBrains Mono'; font-display: swap; src: url('../font/JetBrainsMono-Regular.ttf') format("truetype");}@font-face{ font-family: 'HarmonyOS Sans SC'; font-display: swap; src: url('../font/HarmonyOS_Sans_SC_Regular.ttf& ...