站点升级报告:新的开始
关注本 Blog 的老资历(不知道有没有)或许都知道,本 Blog 一开始只是一个十分简陋的黑底白字的那种框架子,其实一开始我并不打算好好搞 Blog,当时还在搞资讯站,Blog 只是附属的,结果资讯站也没搞起来,反倒是 Blog 活了下来。
不过后来随着自己开始在各种社交网络混圈,比如 Google+,我的 Blog 也顺带着有了一些人气,后续更换了一个新的主题,当时正值 Google 的 Material Design 火热(那时还是初代,现在已经是 Material Design 3 了),所以新主题就完全照着 Material Design 抄的,顺便换主题也干碎了一堆刚开始学 Python 爬虫拿我 Blog 练手的家伙。不得不说 Material Design 真是一个有活力的主题,你可以通过修改配色,更改背景图,呈现出一种“一直在进化”的感觉,哪怕是现在也不能说的上落后。后来主题也进行了一些功能上的扩展,增加了黑暗模式,部分的语录,还有评论区的优化等。
当时我还通过修改各种配色,达到了每个季度进行一次“变装“,带来和一些新鲜感,逢年过节还会有特殊的配色,甚至愚人节也有,可以说这个主题已经被我压榨了很多次了。
但是伴随着互联网技术的更迭,这个主题也终于到了不得不升级的时刻。
为什么要升级?
首当其冲的原因就是 Bug 太多,原来的主题在黑暗模式下 Tag 会出现不匹配的情况,在手机的显示下也有一些缩进不对的地方。另一点就是 Material Design 虽然在当年很新潮,不过现在已经看起来力不从心了。很多设计只能被局限在“卡片”设计中,不少新功能在“卡片”上来说无法实现。而且 Material Design 是引用了好几个公共的 CSS 库做的,这些库基本上都年久失修,你升级新版的话主题也不一定能用,想要做一些功能改造,发现也基本上也没有下手的空间,所以就在 3 年前左右,Blog 的主题也就扔在了哪里,当时我还在玩原神,刻晴的脸就这么在 Banner 上挂了好久好久。
后来伴随着我平时已经从 Ubuntu 转移到了 Fedora,加上用的 Blog 底层代码也出现了各种不得不修的漏洞,修复漏洞就得升级,升级就得去触碰那一坨陈旧多年的屎山代码……
所以纠结了许久,终于找到了一个稍微空闲一点的时间段,下定决心决定来一次升级,目标主要有三个:把系统底层从 Ubuntu 换为 Almalinux ,升级 Blog 底层代码到最新,同时就是更换一个更加适合现代风格的主题,把曾经想要实现的功能都加进去。
于是现在就是一系列成功完成的结果。
What's New?
本次 Blog 换成了新的主题风格,主打的是“简约“和”直接”以及重要的“快速”,尽可能减少那种大量效果图的使用,在网络不好的时候也能提供更快的加载速度。并且尽可能的多用类似 SVG 和 Emoji 以及 CSS 和色块来呈现效果,也可以减少加载速度。
新版保留了上一版主题的单侧边栏,并且在内容推荐上做了一些调整。右上角保留四个功能,分别是“导航”,“TG群”,“邮件”以及“RSS”。右下角的悬浮按钮分别是切换”白天“,“黑夜”,“护眼”三个配色模式,以及“回到顶部”按钮。
新版我做的最大的调整就是尽可能优化了移动端设备的阅读体验,毕竟大部分人都是用手机来访问本网站的,目前针对性的对一些设备做了适配,包括平板和大屏手机,最小可以支持 iPhone SE 这样的小屏设备,基本上确保访问网站都能有不错的使用感受。
站点增加了使用“表情”来进行评价的”Reaction“按钮,类似你在 Github 和 Telegram 里那样,你可以使用表情来对一篇文章和评论给出评价。这类评价支持多个结果叠加,通过数字的方式显示在下方,为网站增加了一些便捷的互动。
原本就有的浏览器和操作系统显示也被保留,增加了评论归属地,不同尺寸屏幕下,部分显示内容会有所精简。评论头像支持 Gavatar 和 QQ 邮箱的自动匹配。
评论栏目的表情也进行了更新,但老实讲这些按钮都只是普通的 emoji 快捷方式,和你自己用输入法输入是没有区别的。
网站提供的大部分功能和特殊页面都被整合进入了“导航”中,就是右上角那个“罗盘”按钮,在导航页面里你可以看到许多页面以新面孔呈现出来。
这里需要重点提及的就是“Galgame文章汇总页面”,这也是本站点访问最多的页面之一,现在这个页面经过了全新的排版和设计,支持按照年份列出,也支持搜索。
搜索栏支持用游戏的中文名/汉化名搜索,避免了不会日文看不懂的尴尬。
和 Galgame 文章汇总页面一样,本站点的大部分独立页面都进行了翻新,有兴趣的话可以四处看看。
配色调整
前一版 Blog 主题的一个特色就是支持多种配色选择,我参考了 Material Design 3 的色调变换,当前默认配色是名为“Lacrimosa”的以番茄为主题的风格,本风格将会持续到月底,下个月开始将会进入“四季配色”为主的自动切换色彩循环,也就是说本站点会根据四季更迭,自动更换适配当下季度的色调。
当然站点还有一些隐藏配色和特殊日期才触发的配色“比如愚人节”,具体就要看到时的表现了。
技术与调整
- 支持 WebP 图片自动识别加载
- 支持 brotli zstd 压缩传输,当然 Gzip 也是保留的
- 支持作为 WebAPP 被安装到手机和 ChromeOS 等设备里,提供不算差近的阅读体验
- 本站重新支持 RSS 订阅(之前因为爬虫太多屏蔽掉了)
- 针对 X.com,Telegram 等社交媒体的分享效果,做了一系列的优化
- 为了美观,取消了原来的贴片广告,后续广告可能仅仅存在于移动端(克制),反正 PC 端你们都屏蔽了不是吗
关于本次站点调整我就先说这么多吧,当然这个新模板的新特性远不止我介绍的这些,希望读者们能发现一些我隐藏的一些细节上的调整和巧思。也希望这个模板能跟随本 Blog 走过下个十年,如果有对本次更新的一技术内容感兴趣的话……我下次再写一篇文章来专门说吧,这次就到这里。








😂一晃这么多年了,一直坚持下来太不容易了。