站点升级报告:新的开始

关注本 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 和色块来呈现效果,也可以减少加载速度。

Screenshot From 2026-06-22 16-34-02.png

新版保留了上一版主题的单侧边栏,并且在内容推荐上做了一些调整。右上角保留四个功能,分别是“导航”,“TG群”,“邮件”以及“RSS”。右下角的悬浮按钮分别是切换”白天“,“黑夜”,“护眼”三个配色模式,以及“回到顶部”按钮。

新版我做的最大的调整就是尽可能优化了移动端设备的阅读体验,毕竟大部分人都是用手机来访问本网站的,目前针对性的对一些设备做了适配,包括平板和大屏手机,最小可以支持 iPhone SE 这样的小屏设备,基本上确保访问网站都能有不错的使用感受。

Screenshot From 2026-06-22 16-37-39.png

站点增加了使用“表情”来进行评价的”Reaction“按钮,类似你在 Github 和 Telegram 里那样,你可以使用表情来对一篇文章和评论给出评价。这类评价支持多个结果叠加,通过数字的方式显示在下方,为网站增加了一些便捷的互动。

Screenshot From 2026-06-22 17-14-38.png
文章评价

Screenshot From 2026-06-22 17-15-04.png
评论评价,当然右侧还有针对某条评论的回复功能

原本就有的浏览器和操作系统显示也被保留,增加了评论归属地,不同尺寸屏幕下,部分显示内容会有所精简。评论头像支持 Gavatar 和 QQ 邮箱的自动匹配。

评论栏目的表情也进行了更新,但老实讲这些按钮都只是普通的 emoji 快捷方式,和你自己用输入法输入是没有区别的。

Screenshot From 2026-06-22 17-15-52.png

网站提供的大部分功能和特殊页面都被整合进入了“导航”中,就是右上角那个“罗盘”按钮,在导航页面里你可以看到许多页面以新面孔呈现出来。

这里需要重点提及的就是“Galgame文章汇总页面”,这也是本站点访问最多的页面之一,现在这个页面经过了全新的排版和设计,支持按照年份列出,也支持搜索。

Screenshot From 2026-06-22 16-46-16.png

Screenshot From 2026-06-22 17-15-22.png
搜索栏支持用游戏的中文名/汉化名搜索,避免了不会日文看不懂的尴尬。

和 Galgame 文章汇总页面一样,本站点的大部分独立页面都进行了翻新,有兴趣的话可以四处看看。

配色调整

前一版 Blog 主题的一个特色就是支持多种配色选择,我参考了 Material Design 3 的色调变换,当前默认配色是名为“Lacrimosa”的以番茄为主题的风格,本风格将会持续到月底,下个月开始将会进入“四季配色”为主的自动切换色彩循环,也就是说本站点会根据四季更迭,自动更换适配当下季度的色调。

Screenshot From 2026-06-22 17-07-03.png
每个色调都支持白天/夜晚/护眼三个子模式,并且可以随意切换

当然站点还有一些隐藏配色和特殊日期才触发的配色“比如愚人节”,具体就要看到时的表现了。

技术与调整

  • 支持 WebP 图片自动识别加载
  • 支持 brotli zstd 压缩传输,当然 Gzip 也是保留的
  • 支持作为 WebAPP 被安装到手机和 ChromeOS 等设备里,提供不算差近的阅读体验
  • 本站重新支持 RSS 订阅(之前因为爬虫太多屏蔽掉了)
  • 针对 X.com,Telegram 等社交媒体的分享效果,做了一系列的优化
  • 为了美观,取消了原来的贴片广告,后续广告可能仅仅存在于移动端(克制),反正 PC 端你们都屏蔽了不是吗

关于本次站点调整我就先说这么多吧,当然这个新模板的新特性远不止我介绍的这些,希望读者们能发现一些我隐藏的一些细节上的调整和巧思。也希望这个模板能跟随本 Blog 走过下个十年,如果有对本次更新的一技术内容感兴趣的话……我下次再写一篇文章来专门说吧,这次就到这里。

👍❤️😂🎉🔥👀🤡🤔

19 条评论

  1. 陆西园
    陆西园 Lv1
    2026-06-22 17:35 Windows 10 x64 EditionGoogle Chrome 148.0.0.0中国北京北京市

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

    👍👎🤡❤️🔥👀😂🤔
  2. Sdog
    Sdog Lv2
    2026-06-22 22:47 GNU/Linux x64Firefox 140.0日本东京都品川区

    赞美😎我是小登,我很多都没见过

    👍👎🤡❤️🔥👀😂🤔
  3. Jamella
    Jamella
    2026-06-22 22:52 GNU/Linux x64Google Chrome 150.0.0.0中国四川省成都市

    g+上关注过的博客还在更新的,除了李先生就只有偶尔更新的竹nb了

    👍👎🤡❤️🔥👀😂🤔
    1. plum
      plum 博主
      2026-06-22 23:01 GNU/Linux x64Firefox 152.0中国河南省郑州市

      你说我坚持更新我很高兴
      你说我和竹牛逼一样我很不高兴🤔

      👍👎🤡❤️🔥👀😂🤔
  4. Sliots
    2026-06-22 23:54 Windows 10 x64 EditionGoogle Chrome 149.0.0.0澳大利亚

    原来RSS屏蔽过嘛,在Folo上靠着RSS订阅好久了😂
    恭喜改版

    👍👎🤡❤️🔥👀😂🤔
  5. Rikka
    Rikka Lv2
    2026-06-23 00:59 Windows 10 x64 EditionGoogle Chrome 149.0.0.0台湾台湾省台北市

    原來plum也喜歡安魂曲

    👍👎🤡❤️🔥👀😂🤔
  6. 李大湿这个渣渣
    李大湿这个渣渣 Lv3垃圾佬VIP
    2026-06-23 16:21 Mac OS X 10.15.7Google Chrome 148.0.0.0英国英格兰伦敦

    这配色不跟李大湿深入浅出一番是很难平静了

    👍👎🤡❤️🔥👀😂🤔
  7. nic
    nic
    2026-06-25 09:01 Mac OS X 10.15.7Microsoft Edge 149中国北京市北京市

    盲猜害是不支持显示w8.1和w11以及巨硬浏览器(((😂

    👍👎🤡❤️🔥👀😂🤔
  8. Go1
    Go1
    2026-06-25 23:02 Windows 11 x64 EditionGoogle Chrome 149.0.0.0韩国首尔首尔

    测试一下是否支持Windows 11

    👍👎🤡❤️🔥👀😂🤔
  9. 板砖加身
    2026-06-27 11:14 Windows 10 x64 EditionFirefox 153.0日本东京都东京

    能更新就说明还有继续折腾的动力😂
    移动端广告也是屏蔽了的(

    👍👎🤡❤️🔥👀😂🤔
  10. 李大湿你个渣渣
    李大湿你个渣渣
    2026-07-02 09:57 Android 10WebView 16.0.0中国北京市北京市

    顺便吐槽一下,页面最低下的最新评论部分,无法点击跳转到评论原文,就十分甚至九分不便哼哼啊啊啊啊啊🤔🤔

    👍👎🤡❤️🔥👀😂🤔
    1. 李大湿你个渣渣
      李大湿你个渣渣
      2026-07-02 09:58 Android 10WebView 16.0.0中国北京市北京市

      顺便我哟那个用的是巨硬浏览器,他说我是webview用的(😂

      👍👎🤡❤️🔥👀😂🤔
  11. whisperstorm
    whisperstorm
    2026-07-04 17:11 Windows 10 x64 Edition搜狗高速浏览器中国浙江省台州市

    使用搜索功能的时候搜索结果翻页会存在堆叠问题,是我浏览器的问题吗

    👍👎🤡❤️🔥👀😂🤔
    1. whisperstorm
      whisperstorm
      2026-07-04 17:13 Windows 10 x64 Edition搜狗高速浏览器中国浙江省台州市

      不过logo还是老的更好看点

      👍👎🤡❤️🔥👀😂🤔
    2. plum
      plum 博主
      2026-07-04 22:41 GNU/Linux x64Firefox 152.0中国河南省郑州市

      我专门装了个搜狗浏览器测试了一下,发现没这个问题,
      老Logo毕竟不是“原创”的,现在的是我找赛博外包自创的

      👍👎🤡❤️🔥👀😂🤔
  12. whisperstorm
    whisperstorm
    2026-07-06 17:59 Windows 10 x64 Edition搜狗高速浏览器中国浙江省台州市

    确实应该是Chromium太老的问题,用edge打开是正常的,这老浏览器Chromium还是80版本

    👍👎🤡❤️🔥👀😂🤔
  13. Ming
    Ming Lv2
    2026-07-08 05:49 Mac OS X 10.15.7Google Chrome 144.0.0.0美国

    新主题很现代,另外评论居然还有等级吗

    👍👎🤡❤️🔥👀😂🤔
  14. 雷火
    雷火 Lv2黄油佬
    2026-07-26 23:51 Windows 10 x64 EditionMicrosoft Edge 150.0.0.0中国广西南宁市

    没想到也这么多年了

    👍👎🤡❤️🔥👀😂🤔
  15. Lyreyja
    Lyreyja
    2026-07-31 11:25 Windows 11 x64 EditionMicrosoft Edge 150.0.0.0中国北京北京市

    坚持这么多年太厉害了

    👍👎🤡❤️🔥👀😂🤔

添加新评论

😂🤡😎😡😁😋😭😑

目录

__empty__