突然觉得应该写一个更新记录！研究Jekyll, Liquid和Ruby的过程还有debug的过程，应该有一个文章记录一下才对！

毕竟那么多笔记都只开了个头也好意思留着，真正花时间的东西居然一点都没记录..

所以就从2020/07/28开始更新起吧 ~！

2020 07 29

• Feature: 给Biocard界面配上了播放器，可以听听描述里提到的歌手的曲子。但是静态网页想多网页间无缝播放感觉不太现实了 ..
• Fix: 去掉了想做但是没东西放的模块和相关CSS/JS。等我有许许多多拿得出手的作品的时候再开起来！说的就是你，陈列柜！

2020 07 28

• Feature: 实现了按标签过滤文章！现在标签功能已经完全做好啦 ~ 未分类的文章也可以被过滤到！
• Fix: 解决了一个trace log 全是自带库里的方法问题，报的是下面字符串相关意义不明的错.. 发现原因是 post.tags 如果为 nil，就不能使用过滤器 array_to_sentence_string。毕竟人家是处理串的..！

Liquid Exception: undefined method `join' for "Not":String in articlelist.html

• Fix: 所有文章界面右侧白边的问题，发现是把container类div塞进来之后太宽了，直接凸了出去。网上查到了个有趣的debug方法，F12一个一个删除元素，看谁被删掉之后界面恢复，问题就在哪个元素内部！感觉学到了 ~
  但是说实话感觉用ghost page插件更容易定位一些..

2020 10 10

• Feature: 现在！终于！全平台！各浏览器！都支持花里胡哨的我的自定义中英文字体了！

2020 12 05

• Feature: 首页文章列表现在用表格显示。
• Update: 现在网站用回虚线+灰色背景，替换纯白色背景。
• Fix: 去掉了Banner上方的意外白边。

2020 12 17

• Feature: 现在全部文章页可以分页显示了。

2024 11 03

• Fix: 修复了邮戳会超出banner导致出现水平滚动条的问题。
• Feature: 实现了浏览量计数功能。

2025 01 - Updated

• 浏览计数好像有点问题。

2025 05 24

• Fix: 修复了post图片太大会超过收集屏幕的问题；调整了md格式图片margin。
• Feature: 设计了像素风的新主页

2026 04

像素风站点重构规划

1. 视觉氛围增强 * CRT 扫描线滤镜： 添加了带有微弱扫描线和边缘阴影的 CRT 效果，并伴有轻微的屏幕闪烁，极大增强了复古显像管的质感。 * Logo 动态化： 顶部的 "SodaFridge OS" 现在拥有呼吸灯般的发光效果，更具视觉冲击力。 * 自定义像素光标： 替换了系统默认光标，统一了像素风格。 2. 交互体验升级 * 桌面图标： 在桌面左侧添加了“Biocard”、“Articles”和“Status”的像素风图标。这些图标具备悬停亮度提升和点击缩放反馈。 * 窗口动效： 为窗口添加了关闭时的“缩小并淡出”动画，告别生硬的消失感。 * 层级管理： 点击窗口会自动提升其 z-index，使其始终处于最前端。 3. 沉浸式加载 * BIOS 启动序列： 页面加载时会先进入一段模拟 BIOS 自检的黑屏界面。文字逐行跳出并伴有进度条，自检完成后才会淡入桌面并触发侧边栏和弹窗系统。这让整个“SodaFridge OS”的概念更加完整、真实。 4. 文章正文页 设计理念： 1. Banner 传承：顶部保留标志性的 SODA FRIDGE 像素 Logo，作为复古与现代的连接点。 2. 淡雅配色：采用极简的奶油白背景（Off-white）和深灰色文字，点缀以您之前提到的马卡龙色系（如淡粉、淡绿）。 3. 卓越阅读体验： * 黄金行宽：限制正文宽度在 700px-800px 之间，避免视线疲劳。 * 优雅排版：使用高品质的衬线字体（如 Georgia 或系统内置美化字体）配合宽裕的行间距（1.8）。 * 呼吸感：大量的留白，让内容成为主角。 可以访问 /2026/04/22/PixelStyleRefactorLog.html 看到完整的重构笔记。这篇旧世界的文章应该就暂时更新到这里。