默认的黑红启动界面太压抑了,我想换点好看的图片上去,这样每次启动的时候都能有一点小愉悦(别小看启动那半秒闪过的界面能起到的影响力)
方法:
找到思源的安装路径中的 SiYuan\resources\appearance\boot
,使用代码编辑器打开 index.html
调整一下 html 部分的代码
把黑色背景色去掉,引用另外一张图片做为背景图,调整进度条颜色,以及字体大小和颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
<style>
html {
overflow: hidden;
height: 100%;
}
body {
height: 100%;
margin: 0;
/* background: #1e1e1e; */
background-image: url("./cloud.jpg");
background-size: cover;
background-repeat: no-repeat;
font-size: 12px;
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
}
</style>
</head>
<body>
<div id="bg" style="width: 100%;display: flex;justify-content: space-around;height: 100%;">
<img style="width:36vh;align-self: center; display: none;" src="icon.png"/>
</div>
<div style="position: absolute;bottom: 0;width: 100%;">
<div style="position: absolute;height: 0.2rem;background-color: #424f65;width: 100%;top:0"></div>
<div id="progress"
style="position: absolute;height: 0.2rem;background-color: #5ce1ea;transition: width 50ms cubic-bezier(0, 0, 0.2, 1);top:0"></div>
<div id="details"
style="color: #e7e9ea;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 14px; font-size: 1rem;"></div>
</div>
背景图是在 PS 里制作好的,分辨率为 1920*1010(图里我没有直接删掉 logo 文件而是先改个名存着不用)
不过最开始还是有一百多毫秒的默认界面才会变成我改过的界面,我忘记这部分是在哪改动了
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于