592 字
3 分钟
Halo博客美化
2023-02-13

前言#

在网上找了一些动态背景图片与字体美化的内容,看美化后的效果确实帅,由于是新手,博客美化这块一窍不通,于是参考着其他人的文章一点点摸索。

动态背景#

动态背景配上简约博客主题效果确实赏心悦目,而且想实现还挺好弄的,但是考虑到动态背景图占用空间偏大,即使放到CDN里避开了可怜的服务器带宽,加载博客页面所需时间也应该会很惨,毕竟没法保证访问端的网络情况,而本来的静态背景和文字内容对网络的要求没那么高,权衡利弊还是决定使用静态的背景,流畅+简约+二次元才是我更想要的。

下面是实现方法#

1、直接上传到服务器#

把动态背景图片或者视频上传到服务器后直接选择服务器本地的文件。 优点:非常方便,不用找其他任何服务。 缺点:对服务器带宽和访问端网络情况要求较高。

2、使用CDN加速#

找教程的时候发现使用CDN需要网站备案,目前网站搭建还没超过72小时,没办法备案,满足条件后再测试使用CDN的情况。

字体#

我对字体的需求是要易读并且规整,同时还要是免费商用字体,首先就排除掉了太个性化的字体,然后筛选较粗的字体后发现仓迹高德国妙黑比较规整,符合我的要求,然后用了一段时间,发现这个字体太规整了,少了点灵动,于是又找了一个得意黑,这回看着还比较舒服。 默认的字体大小偏小,看篇幅比较长的文章很费眼睛,我在主题设置的CSS中添加了一段代码。

p {
font-size: 22px;
}

这段代码的作用是使段落的字号变为22,更改后底部会出现字号不协调的情况,解决办法还在研究中。 附上查找字体的网站:100font,推荐将字体的格式转换成.woff2格式(参考的教程说的,原因不太懂,可能是兼容性比较好?)

Halo博客美化
https://fuwari.cbba.top/posts/halo博客美化/
作者
Chen_Feng
发布于
2023-02-13
许可协议
CC BY-NC-SA 4.0