Changelog

2026-10-22

新增

• 新增 Archive 页面 articles.qmd：表格视图、按日期倒序、支持排序与筛选。
• 新增 custom-head.html / custom-body.html：Font Awesome 图标、网页字体、自定义页脚、分享按钮、主题切换药丸、自定义排序下拉、导航图标、阅读进度条。
• 新增 favicon.png（由头像转换的 256×256 真 PNG），统一用作站点图标与社交卡片图。
• 文章内图片支持点击放大（Quarto lightbox: true）。
• 首页卡片配图回退逻辑：文章指定图片 → 文章正文第一张图 → 随机动漫图。
• 页脚增加 Quarto、Netlify 超链接。

视觉与布局

• 建立液态玻璃（liquid glass）设计体系，浅色/深色两套颜色令牌，应用于卡片、导航按钮、主题药丸、目录胶囊、分享按钮、搜索框等。
• 全站统一内容宽度 1240px，导航栏、正文、页脚对齐。
• 重做左上角品牌区：favicon 头像 + Fraunces 标题 + 等宽副标题。
• 重做首页 masthead、文章卡片（玻璃质感、悬停抬升、底部渐变条、轻微浮动）。
• 重写 About 与 404 页面，统一排版与头像样式。
• 文章页：metadata 压缩为单行玻璃条并取消阅读时间；目录改为无竖线的圆角胶囊，加大行间距。
• 代码块由纯黑改为浅色半透明玻璃面板（深色模式保持深色玻璃），并配套浅色语法高亮配色。
• 卡片标签、导航、页脚等处的 Bootstrap Icons 统一替换为 Font Awesome。

修复

• 修复平板宽度（768–991px）下 GitHub / RSS 图标在按钮内不居中。
• 修复移动端菜单为两列并出现横向滚动条的问题，改为单列、统一图标与字号。
• 修复卡片悬停渐变条压住卡片顶部的问题，移至卡片底部。
• 修复代码块“外层浅色框 + 内层黑框”的双层边框。
• 修复 posts/_metadata.yml 全局 image 覆盖导致首页卡片全部显示头像。
• 修复 favicon 实际为 JPEG 导致 Quarto 渲染报错。
• 修复首页与 Archive 的排序工具栏、展开菜单对齐问题（统一左对齐）。
• 修复目录区域出现两条竖线（TOC 左边框 + 侧栏卡片边框）的问题。

移除

• 移除背景中的科学符号粒子效果及其相关脚本、样式和颜色变量。

发布

• 代码提交 ea1866c 推送至 GitHub main 分支。
• 通过 quarto publish netlify 发布到 https://bioinfor.jiehua1995.xyz 。