更新日志

记录网站的演变历程

2026-07-07

Markdown 阅读模板 — 字号、目录、阅读环境与评论 Beta 升级

  • 字号调节：操作区新增“字号”按钮，支持标准、较大、特大、小号循环，并记住用户选择。
  • 目录识别：优先展示二级标题，无二级标题时由三级标题兜底生成目录。
  • 阅读环境精简：导航栏和页脚改为 Markdown 阅读页专属轻量结构，减少无关入口。
  • 评论 Beta：评论区改为更轻的 Beta 预览形态，去掉本地字样和字数上限展示。
  • 评论交互修复：保留草稿与基础校验，并移除旧脚本导致的开发中弹窗。
  • GitHub Issues 计划：明确 Issues 与 Giscus/Discussions 的路线差异，并规划按文章路径或 slug 映射评论。
  • 验证：评论预览、Beta 标签、旧脚本移除、字数计数移除和脚本语法均已检查。
  • 改动文件：pages/blog/moban_new_md.html、pages/blog/blogjs_markdown/markdown-renderer.js、css/blog-post.css、pages/changelog.html。
2026-07-06

Markdown 阅读模板 — 侧边栏、目录与文章元信息 UI 升级

  • 侧边栏减负：目录独立保留，日期、分类、标签迁移到主标题下方，导航模块删除。
  • 目录层级收敛：侧栏直观展示到二级，三级可折叠隐藏，减少长目录噪声。
  • 目录交互升级：无边框标签、局部滚动、悬停放大与当前项自动定位。
  • 操作区简化：三个操作按钮与标签栏同排，图标缩小并保持原功能不变。
  • 兼容性控制：样式限定在 Markdown 模板内，兼容移动端、日夜间与双语切换。
  • 验证：语法、空白、桌面交互、主题/语言和移动端布局均已检查。
  • 改动文件：pages/blog/moban_new_md.html、pages/blog/blogjs_markdown/markdown-renderer.js、css/blog-post.css、pages/changelog.html。
2026-07-01

生活成本计算器 — 福利、债务与员工口径总包升级

  • 福利表单重组：拆分奖金福利、餐补工作餐、工时休假加班三组，提升填表清晰度。
  • 双休 UI 调整：从 checkbox 改为“是 / 否”下拉表，默认保持双休。
  • 餐补与工作餐：新增餐次口径，区分免费餐福利和收费工作餐支出。
  • 党员党费：新增自动阶梯与自定义月缴，党费减少可支配现金但不影响个税口径。
  • 企业年金提示：补充 8% / 12% 常见上限说明，并保留灵活填写。
  • 默认开销扩展：新增 AI、健身、房租物业、洗衣、衣物、网购杂物等默认项。
  • 债务摘要迁移：债务结果进入统计结果页，并补充净资产与剩余债务指标。
  • 净资产口径修正：资产投影、压力测试和蒙特卡洛均扣除剩余债务本金。
  • 总包口径修正：员工口径总包只纳入可识别权益，企业社保统筹不再计入总包估值。
  • 结果页顺序调整：账户资产模块前置，债务摘要模块后置。
  • 双语说明同步：新增字段、公式口径和帮助文案均已同步中英文。
  • 验证：语法、DOM 引用、i18n 与空白检查通过。
  • 改动文件：pages/demo/cost_of_living_calculator.html、pages/changelog.html。
2026-06-28

生活成本计算器 — 布局、计算口径与说明系统升级

  • 页面宽度优化：输入页收紧、结果页独立放宽，顶部分页切换条紧凑居中。
  • 输入区密度优化：从宽屏两列改为自适应多列，减少输入框被过度拉长。
  • 日频开销修正：日支出按年工作日折算，避免通勤等工作日支出被高估。
  • 债务月供推导：支持用本金、APR 和期数自动估算月还款。
  • 资产与概率模型：负结余不再归零，当前存款进入投影，蒙特卡洛改用用户输入假设。
  • 图表口径统一：现金流与税额图表更贴近“实际”结果。
  • 统计板块说明：核心摘要、描述统计、压力测试、蒙特卡洛均新增独立说明弹窗。
  • 图表阅读指南：所有图表补充“怎么看、怎么理解”的说明弹窗。
  • 双语文案同步：中英文说明与新计算公式保持一致。
  • 验证：语法、ID、DOM 引用、帮助映射、旧文案与空白检查通过。
  • 改动文件：pages/demo/cost_of_living_calculator.html、pages/changelog.html。
2026-06-28

生活成本计算器 — 双视图工作流升级

  • 视图切分：拆成“信息填表 / 统计结果”两个顶层视图，按钮简约居中且自适应。
  • 图表初始化：输出区默认隐藏，切到结果页后再刷新图表。
  • 刷新交互：一键刷新后自动切到统计结果并展示输出。
  • 可访问性：补齐 ARIA 状态，让分页语义更稳。
2026-06-24

生活成本计算器 — UI 与视图切分优化

  • 视图切分：新增“信息填表 / 统计结果”两个顶层视图，保留原计算链路。
  • UI 优化：默认白天模式、取消内部滚动、统一输出配色，并改名为“一键刷新”。
  • 验证：语法正常，默认 dark、内部滚动与旧按钮文案均已清除。
2026-06-24

生活成本计算器 — 统计学深度分析升级

  • 描述性统计：新增百分位、集中趋势、离散程度、分布形态与高波动提示。
  • 压力测试：新增乐观、基准、悲观五年净资产终值和风险预警。
  • 蒙特卡洛：新增 10,000 次模拟、目标资产概率、破产概率与进度条。
  • 敏感性分析：新增按影响幅度排序的龙卷风分析。
  • 可视化：新增箱线图、瀑布图、概率密度/CDF 和龙卷风图。
  • 验证：补全说明与双语样式，并通过静态与性能检查。
2026-06-24

生活成本计算器 — 现金流、债务与净资产可视化升级

  • 雷达图合并：年度与月度开销雷达图合并为左右分布。
  • 现金流饼图：新增百分比标签与 tooltip 百分比。
  • 核心摘要恢复：恢复 95% 置信区间、退休年金、5 年收入投影与月度数据。
  • 现金资产与债务：新增存款、大额支出池、债务分期与真实年化 IRR。
  • 支出模型：大额支出按月摊销，债务按期数进入现金流。
  • 资金流向与净资产：新增桑基图和 12 个月流动净资产趋势。
  • 验证：语法、ID、i18n、DOM 引用与 IRR 校验通过。
2026-06-24

生活成本计算器 — 图表刷新与摘要排版修复

  • 刷新循环修复：修复 resize 引发的图表反复重建。
  • 图表容器稳定：新增固定绘图区，减少空白、拉伸与跳动。
  • 雷达图排版：拆分标题与画布，避免雷达图被拉扁。
  • 输入性能：新增防抖刷新，降低高频重绘。
  • resize 优化：只重绘桑基图，不全量重算。
  • 摘要排版：将置信区间、退休年金和月度数据改成更稳定的字段块。
  • 验证：语法、ID、i18n 与 DOM 引用检查通过。
2026-06-24

生活成本计算器 — 实际口径、金融资产与劳动时间模型升级

  • 基金&股票模块：新增年度授予估值、本年归属比例、当前已归属资产、预期年化收益等金融资产参数；默认不进入流动现金与个税计算，但进入总包估值和资产积累情景。
  • 休假与加班模型：在福利板块新增双休、年假天数、标准工时、工作日加班小时与倍率、节假日加班天数与倍率；加班默认 0，仅影响实际收入和实际总包，不污染理论现金与理论到手口径。
  • 输出模型重构：将顶部六个核心卡片改为理论口径，并新增实际年度指标、月现金/月到手/月支出/月结余/企业月缴纳、年休息天、加班总小时、劳动比等输出，附带彩色边框卡片修饰。
  • 流动资金与比例修正：综合结算板块新增实际流动积累，表示实际可支配收入扣除生活成本后的纯现金积累，不包含五险一金账户、基金股票与锁定资产；修正月收入损失比例为 1 - 月可支配收入 / 月薪资。
  • 新增可视化报告：新增资产积累进展面积趋势图与月预计开销雷达图，并在统计学分析区补充月度数据展示。
  • 输出说明弹窗：在导航栏语言切换按钮左侧新增问号入口，解释所有顶部、实际、月度和劳动时间输出指标；弹窗复用响应式说明系统，兼容中英文与日夜间模式。
  • 验证：完成内联 JavaScript 语法检查，并核验脚本引用 ID、i18n key 与帮助入口映射的一致性。
  • 改动文件：pages/demo/cost_of_living_calculator.html、pages/demo/changelog.html、pages/changelog.html。
2026-06-23

生活成本-总包资产计算器 Beta

  • 新增 Demo 页面：新增 pages/demo/cost_of_living_calculator.html，作为静态财务规划原型，覆盖薪资、奖金、福利、五险一金个人/企业比例、企业年金、账户资产、生活开销与结余估算。
  • 计算模型扩展：将五险一金拆分为个人/企业缴纳矩阵，新增节日与绩效奖金、工作餐/体检/商业保险/补充年假福利折算、医保卡入账、养老金个人账户、公积金账户与总包估值。
  • 企业年金优化：将企业年金从仅按月折算扩展为固定金额/按基数比例两种模式，并支持每月、每季度、每年与按年次数发放或缴纳。
  • 可视化报告：新增由薪资增长率驱动的现金年收入趋势面积折线图与月薪趋势面积折线图，并保留年度现金流、扣除与企业缴纳、开销雷达图。
  • 交互与体验优化：重做日夜间颜色变量，修复选择框下拉文字不可读问题，新增可响应屏幕尺寸的逐项说明弹窗，解释每个指标与计算路径；表单输入刷新后回到默认值以保护隐私，仅主动保存的反馈保留在 localStorage。
  • 验证：完成内联 JavaScript 语法检查，并核验脚本引用 ID、i18n key、帮助入口映射的一致性；本地项目环境未安装 Playwright/jsdom，未进行截图级自动化验证。
  • 改动文件：pages/demo/cost_of_living_calculator.html、pages/demo/changelog.html、pages/changelog.html。
2026-06-23

What News 提示、日志视图拆分、Demo 工作空间与项目页重构

  • 博客 What News 窗口：在 pages/blog.html 左下角新增可关闭的 What News 小窗口，读取 pages/changelog.html 最新日志，兼容日夜间、中英文与不同屏幕尺寸；关闭后会记录当前日志版本，只有新日志发布后再次出现。
  • 更新日志视图拆分：重组 pages/changelog.html，将 GitHub 贡献日历、更新日志、时光之旅、提问与反馈拆分为可切换视图，避免所有内容堆叠在同一屏。
  • Demo 工作空间 UI 重构：以 Hugging Face Spaces 与 GitHub 仓库页为参考重构 pages/demo/index.html，保留主题颜色、中英文切换、原有模块入口与响应式能力。
  • Demo 独立更新日志：新增 pages/demo/changelog.html，作为只记录 Demo 工作学习空间的日志与更新计划页面，并从 Demo 快速链接接入，不与全站 changelog 混用。
  • Demo 交互收敛：取消 Demo 首页 Hero 开屏入场与滚动浮动效果，删除两个 Hero 按钮，为每个学习模块增加关联博客占位入口，快速链接新增 Demo 更新日志、文档、相关研究，并将页脚版权更新为 2025-2026。
  • 项目页重构：将 pages/project/project.html 重构为现代 repository index 风格，并新增 css/project-modern.css 作为最终覆盖样式；保留筛选、中英文切换、主题切换、原项目链接与响应式卡片布局。
  • 项目页维护与导航修复：由于项目页尚未最终完成，恢复本页面维护中遮罩；同时修复全站 body 顶部 padding 导致导航栏未贴顶的问题，并修正 Demo 导航路径为 ../demo/index.html。
  • 数据中心更新频率图表优化：将 pages/project/datacenter.html 的近 30 天更新频率图从稀疏面积折线改为每日更新柱状图 + 7 日趋势线，新增紧凑指标摘要、清晰 tooltip 与移动端友好的指标布局。
  • 数据中心全局状态卡片重构：单独重构 Global Status 模块，将原本空白感较重的地图布局替换为 uptime 圆环评分、紧凑在线状态胶囊与 API/CDN/DB 可用率小卡片，并保持其它仪表盘模块不受影响。
  • 验证：完成 project.js 与 demo.js 语法检查，核验关键链接与 changelog 写入结果，并通过本地 HTTP 服务确认相关页面可访问；本地项目环境未安装 Playwright，未进行截图级自动化验证。
  • 改动文件：pages/blog.html、css/blog.css、js/blog.js、pages/changelog.html、css/changelog.css、js/changelog.js、pages/demo/index.html、pages/demo/changelog.html、pages/demo/democss/demo.css、pages/demo/demojs/demo.js、pages/project/project.html、css/project-modern.css、js/project.js、pages/project/datacenter.html、css/datacenter.css、js/datacenter.js。
2026-06-22

分类页产能 K 线与数据中心真实数据仪表盘升级

  • 产能 K 线 UI 升级：聚焦 pages/categories.html 的作者数据 / 产能 K 线可视化，参考 K 线图交互范式优化视觉表达，新增均线式趋势线、高低点标记、十字准星 tooltip，以及底部可拖拽时间区间条。
  • 指标口径校准：将 K 线从模仿股票指数数值改为基于更新日志频次与博客发文量生成的站点产能指数，保留图表类比，但避免无脑复制金融指数。
  • 数据中心统计纠偏：检查 pages/project/datacenter.html 中的快捷统计卡片，将原先硬编码的 101 总页面数 / 47 博客文章修正为真实口径；HTML 页面数更新为 115，博客文章数改为优先读取 BLOG_POSTS_DATA，兜底值为核验后的 68。
  • 分类页快捷入口：在数据中心快捷统计下方新增“分类与知识图谱”小入口，直接从 pages/project/datacenter.html 跳转到 pages/categories.html，并保持原有仪表盘模块布局不受影响。
  • 日志归档接入：在数据中心技术栈模块下方新增日志归档模块，通过 fetch 读取 pages/changelog.html，并使用 DOMParser 抽取每条时间线记录，以日期、标题、条目数和原始明细行的形式提供专业检查视图。
  • 更新计划模块：在数据中心技术栈下方新增 Roadmap 面板，记录数据源治理、真实数据仪表盘校准、归档与标签分析增强、工程项目持续补充等后续维护方向。
  • 新增真实数据卡片：在数据中心首屏三张状态卡片下方新增三个模块：近 30 天更新频率走势图、当前 images 目录图片库存快照，以及从 blog-posts-data.js 聚合得到的 Top-9 标签热力图。
  • 数据核验：完成 115 个 HTML 页面、写入本条日志前 68 篇博客文章、images 目录 181 个图片文件的统计；Top-9 标签为 AI Agent、机器学习、大模型、LLM、论文精读、RAG、思想、复习、笔记。
  • 验证：完成 datacenter.js 语法检查、blog-posts-data.js 解析检查、changelog 时间线数量核验，并确认 datacenter.html 与 changelog.html 可通过本地 HTTP 服务访问；本地环境未安装 Playwright，未进行截图级自动化验证。
  • 改动文件：pages/categories.html、pages/project/datacenter.html、js/datacenter.js、css/datacenter.css、js/blog-posts-data.js、pages/changelog.html。
2026-06-16

个人图集主题化重构与数据驱动照片系统

  • 图集主题化重构：将个人图集入口重构为五个主题入口：城市街拍、自然风光、人间烟火、我的分享与大事记；每个主题拥有独立页面、视觉方向与布局节奏。
  • 独立主题页：在 pages/project/personalgallery/ 下新增 city-street.html、natural-scenery.html、street-life.html、my-sharing.html 与 milestones.html；当前临时配图统一使用 images/catcat.avif。
  • 数据驱动照片管理：新增 js/personalgallery-data.js 与 js/personalgallery-render.js，让照片可像 blog-posts-data.js 一样通过元数据维护；主题页会按 category 自动渲染对应内容。
  • 照片维护教程：新增 pages/project/personalgallery/README.md，说明分类值、图片路径、layout 可选项、大事记写法、临时隐藏与字段规范。
  • 页内帮助弹层：在图集导航最右侧新增圆形 ? 按钮，点击后弹层渲染 README 教程；同时内置兜底内容，兼容本地 file:// 打开时的读取限制。
  • 共享视觉系统：新增 css/personalgallery-themes.css，承载新入口、主题页、图集网格、分享卡片、大事记时间轴与帮助弹层样式。
  • 改动文件：pages/project/personalgallery.html、pages/project/personalgallery/city-street.html、pages/project/personalgallery/natural-scenery.html、pages/project/personalgallery/street-life.html、pages/project/personalgallery/my-sharing.html、pages/project/personalgallery/milestones.html、pages/project/personalgallery/README.md、css/personalgallery-themes.css、js/personalgallery-data.js、js/personalgallery-render.js、js/personalgallery-help.js、pages/changelog.html。
  • 验证：完成新增图集脚本的 JavaScript 语法检查，并检查 HTML、CSS、JS、图片资源、分类元数据与 README 教程渲染相关本地路径。
2026-06-15

娱乐与休闲板块重构与专题内容系统上线

  • 小说页重构：将原小说书架升级为更宽的娱乐与休闲入口，覆盖小说与短文、图文分享、游戏博客、旅行见闻四个方向，并取消旧背景图片，让页面更轻、更清爽。
  • 四个独立视图拆分：将四个休闲板块从同一长页拆分为 fiction.html、gallery.html、gameblog.html 与 travelblog.html，入口页只保留清爽的导航聚合。
  • 小说与短文视图：保留“梅尔罗德”和“剑侠”两张原有小说卡片 UI 与阅读路径，并新增搜索能力，方便后续扩展短文或新故事。
  • 图文分享视图：改为一条图文独占一行，奇偶行交替呈现图左文右 / 图右文左；当前配图统一使用 images/catcat.avif 作为占位。
  • 游戏博客专题：新增 context/gameblog/first_gameblog_test_md.md、js/gameblog-posts-data.js 与 js/gameblog.js，支持专题文章数据、搜索、标签筛选、计数与 Markdown 阅读跳转。
  • 旅行见闻专题：新增 context/travelblog/first_travelblog_test_md.md、js/travelblog-posts-data.js 与 js/travelblog.js，支持旅行见闻数据、搜索、标签筛选、计数与 Markdown 阅读跳转。
  • Markdown 图文增强：新增 css/leisure-markdown.css 与 js/leisure-markdown.js，为休闲类 Markdown 文章提供图注、图文交叉布局、首字沉降、图片点击放大、表情包提示块与更丰富的图文节奏。
  • 专题文章侧栏适配：优化 pages/blog/moban_new_md.html，让游戏与旅行测试文章能从各自专题数据中读取日期、分类、标签与返回目标，不再固定沿用普通博客元信息和 blog.html 返回链接。
  • 入口视觉微调：对娱乐与休闲入口卡片做轻量现代化升级，增强层次、阴影、悬停反馈与按钮质感，保持趣味但不过度浮夸。
  • 改动文件：pages/blog/noval/novel.html、pages/blog/noval/fiction.html、pages/blog/noval/gallery.html、pages/blog/noval/gameblog.html、pages/blog/noval/travelblog.html、css/entertainment.css、css/leisure-markdown.css、js/entertainment.js、js/gameblog-posts-data.js、js/gameblog.js、js/travelblog-posts-data.js、js/travelblog.js、js/leisure-markdown.js、context/gameblog/first_gameblog_test_md.md、context/travelblog/first_travelblog_test_md.md、pages/blog/moban_new_md.html、pages/blog.html、pages/project/project.html。
  • 验证：完成静态路径检查、新增休闲板块脚本与数据文件的 JavaScript 语法检查，并通过 git diff --check 检查补丁与空白字符。
2026-06-14

Markdown 阅读模板与链接页阅读体验优化

  • Mermaid 可读性优化：调整 moban_new_md.html 与 markdown-renderer.js 中的 Mermaid 图表尺寸规则。图表容器保持与正文同宽，SVG 高度改为舒适的响应式区间，避免图表过小或竖向无限拉长。
  • 链接页视图切换：将 pages/links.html 从旧的混合分类筛选升级为五个互斥入口：申请友链、个人链接、友情链接、技术资源、趣味与灵感；初始页默认进入“申请友链”板块。
  • 链接页可访问性与响应式细化：将分类入口改为带 aria-selected 状态的类标签按钮，保留原视觉风格，并验证五个入口在窄屏手机宽度下可自然换行。
  • 更新日志三视图切换：为 pages/changelog.html 增加“更新日志 / 时光之旅 / 提问与反馈”三个标签式入口；默认仍展示包含 GitHub 日历、搜索和日志时间线的更新日志视图，时光之旅与提问反馈改为独立视图打开。
  • Markdown 标题去重：修复 moban_new_md.html 渲染文章时一级标题重复显示的问题。模板保留顶部主标题，仅移除正文中匹配首个 Markdown # 的重复 h1，并把锚点转移到文章标题区域，确保目录跳转仍可用。
  • PC 端侧栏外层滚动：为 Markdown 阅读模板侧边功能栏增加独立的隐藏滚动条外层滚动区域。目录内部滚动保持不变，元信息与导航等板块也能在不滚动正文的情况下到达。
  • 文章元信息卡片可读性：将日期、标签、分类卡片从高饱和渐变背景改为更轻的低饱和底色，亮色模式恢复深色文字，并调整标签颜色以提升对比度。
  • Markdown 侧栏元信息自动同步：修复 moban_new_md.html 中日期、标签、分类模块长期静态一致的问题。阅读模板现在会根据当前 md 参数匹配 js/blog-posts-data.js，读取真实日期、分类和中英文标签；仅在找不到匹配文章时回退到模板默认值。
  • 验证：已检查本地 127.0.0.1:5501 Markdown 示例文章 URL，确认正文重复 h1 数量为 0；验证 Mermaid 尺寸、链接页五入口切换、PC 端侧栏外层滚动、移动端侧栏行为；额外验证 20260614_zh_1.md 与 20260605_zh_1.md 的侧栏元信息可动态同步，并确认浏览器控制台无 error/warning。
  • 改动文件：pages/blog/moban_new_md.html、pages/blog/blogjs_markdown/markdown-renderer.js、css/blog-post.css、pages/links.html、css/links.css、css/links-enhanced.css、pages/changelog.html、css/changelog.css、js/changelog.js。
2026-06-13

Markdown 阅读模板渲染鲁棒性升级

  • 公式渲染鲁棒性：扩展 markdown-renderer.js，除原有 $$...$$ 与 $...$ 外，新增支持 \[...\] 块级公式和 \(...\) 行内公式写法。
  • 公式兼容修复：将容易被 Markdown 强调语法破坏的公式占位符改为稳定 token，避免 MATH_BLOCK / MATH_INLINE 泄漏；并在 KaTeX 渲染前兼容常见未转义百分号。
  • SVG 渲染支持：当 html / svg / xml 代码块内容是完整的 <svg>...</svg> 时，会在专用响应式容器中渲染为图形；普通代码块仍保持代码高亮展示。
  • SVG 安全兜底：在把 SVG 注入正文前，渲染器会移除 script、foreignObject、行内事件属性和 javascript: 链接，降低风险，同时保留普通静态 SVG 图。
  • Mermaid 可读性优化：调整 moban_new_md.html 中 Mermaid 图表容器间距与 SVG 尺寸，让图表默认显示更大、更易读，同时保留既有全屏放大功能。
  • Markdown 清理：移除 context/20260613_en_1.md 开头残留的 ```markdown 围栏，避免文章标题区域被误渲染为代码块。
  • 验证：完成 js/blog-posts-data.js 与 markdown-renderer.js 语法检查；确认本地 127.0.0.1:5501 文章 URL 与 Markdown 文件返回 200；并验证 SVG 代码块会转换为渲染容器。
  • 改动文件：pages/blog/blogjs_markdown/markdown-renderer.js、pages/blog/moban_new_md.html、context/20260613_en_1.md、pages/changelog.html。
2026-06-12

博客 P0 链接修复与分类页三视图整理

  • 博客 P0 链接修复：修复本地 file 预览下文章点击可能跳转到 /D:/pages/blog/moban_new_md.html 的问题；文章 URL 现在基于当前站点路径解析，pages/blog.html 会正确打开 blog/moban_new_md.html 与对应 markdown 参数，不再跳到磁盘根目录。
  • 新增文章恢复：重新将三篇 context 新文章写回 js/blog-posts-data.js，包括 20260604_zh_1.md、20260605_zh_1.md 与 20260606_zh_1.md，并补齐博客列表展示所需英文标题和摘要，使它们重新出现在博客页与归档消费端。
  • 分类页视图切换：在 pages/categories.html 搜索栏下新增“分类概览 / 作者数据 / 文章归档”三个入口；初始页仍保持原来的分类概览内容，保留最新文章动态条、统计、分类卡片、词云和知识图谱。
  • 作者数据视图：将“发布时间线”和“产能 K 线”从默认概览中剪切到新的“作者数据”视图；图表仅在打开该视图时绘制，避免隐藏 canvas 布局误差，也让初始页更轻。
  • 文章归档自动同步：新增基于 getBlogPosts() 生成的“文章归档”视图，按年份和月份分组，展示数量、日期、中英文标题、分类与跳转链接；后续文章只要写入博客数据源，就会自动进入归档。
  • 验证：完成 blog.js 与 blog-posts-data.js 语法检查，验证 pages/blog.html 与 pages/categories.html 内联脚本；确认 54 篇文章在本地 file 风格路径下均能解析到目标文件，且归档最新来源文章为 2026-06-06。
  • 改动文件：js/blog-posts-data.js、js/blog.js、pages/blog.html、pages/categories.html、pages/changelog.html。
2026-06-11

首页、博客、链接、分类与更新日志 — 结构化优化计划与交付

  • 首页导航栏与移动端汉堡栏：调整首页导航文字颜色，白天黑色、夜间白色；把 GitHub 从文字导航移到社交图标区，和 Steam、Email、抖音统一图标尺寸、颜色与 hover 状态；新增仅作用于首页的移动端汉堡按钮，避免污染全站样式。
  • 首页一键返回顶部：增加小型独立命名的返回顶部按钮，不影响 about.html；后续按反馈取消位移浮动效果，仅保留固定按钮、显示隐藏与点击回顶功能。
  • 首页“问答与想法”灵动岛 / 便当盒 UI：将首页问答板块改为紧凑可展开卡片，默认显示类型、标题和摘要，点击“阅览详情”后通过 max-height / opacity 展开正文；最终调整为同步最新 4 条的 2x2 便当盒式矩阵，移动端回落为单列。
  • 首页问答自动同步 about：新增首页专用脚本，通过 fetch("pages/about.html") 解析 #qia .qia-item，只同步最新 3-4 条并渲染到首页；若 fetch 失败则保留静态兜底内容，避免空白。
  • 首页简介文字字体 +5%：定位“您好！我是 Jian...”所在自我介绍板块，仅对该简介容器局部增大 5%，不改全局 body 字体。
  • 博客页分页与每页数量挡位：pages/blog.html 使用新版内联文章卡片渲染，不走 js/blog.js 的旧分页 UI；新增 currentPage、pageSize、filteredArticles 状态，提供 12 / 24 / 36 / 48 挡位，并根据分类筛选和搜索结果自动计算页码。
  • 博客数据组件化重构：新增 js/blog-posts-data.js 存文章数组，新增 js/blog-category-meta.js 存分类翻译、颜色与标签文案；保留 js/blog.js 的 getBlogPosts() 对外兼容 API，并更新 index.html、pages/blog.html、pages/categories.html 的引用顺序。
  • 博客页返回顶部与分类标签颜色：给 pages/blog.html 增加小型返回顶部按钮；文章卡片右上角分类标签按类别区分低饱和色，技术类继续黄色，并兼容暗色模式。
  • 更新日志遮盖 P0 bug：修复日志详情展开后可能被下一个月综述栏遮盖的问题；在展开/收回详情后，向上找到所属 .archive-group-items 并重新计算 max-height，动画结束后再补算一次，不改日志内容和月度折叠逻辑。
  • 链接页维护状态：在 pages/links.html 中仅替换“个人链接”和“友情链接”两个 section 的主体内容为“正在维护升级中”，保留其他资源链接、页脚、导航和主题/语言能力。
  • 分类页文章归档模块：在 pages/categories.html 增加“文章归档”入口，初始页仍显示分类概览；点击后切换到归档模块，基于 getBlogPosts() 按年份/月分组，展示数量、文章标题、日期、分类，支持中英文标题和点击跳转。
  • 新增文章注册：将 context 中三篇新文章写入 js/blog-posts-data.js，使其自动出现在博客页、最新文章消费端和分类页归档中：20260604_zh_1.md、20260605_zh_1.md、20260606_zh_1.md；已有 20260603 两篇文章已存在，未重复添加。
  • 改动文件：index.html、css/style.css、js/home.js、pages/blog.html、js/blog.js、js/blog-posts-data.js、js/blog-category-meta.js、js/changelog.js、pages/links.html、css/links.css、pages/categories.html。
2026-06-04

分类与知识图谱页 — UI/交互全面升级

  • 范围：仅重构 pages/categories.html — 保留既有数据源（blog.js）、搜索、分类卡片与知识图谱逻辑。
  • Hero 主题：Hero 区改为米白/古董白与淡蓝点缀，贴合全站主题，移除突兀的高饱和彩虹渐变。
  • 最新动态条：搜索栏下新增最新文章滚动条（同步 getBlogPosts()）；修正提示文案与滚动条间距重叠。
  • 数字动效：统计数字与 Hero 芯片首屏从 0 滚入。
  • 词云/热力图：新增热力图切换，浅蓝→热红热度色阶。
  • 发布时间线：按月/按年；鸽子月规则为发文 <4 篇；按年趋势线。
  • 产能 K 线：联动更新日志 + 发文量，收盘折线，按月/按年切换。
  • 改动文件：pages/categories.html。
2026-06-03

Lottie 动态 SVG — 全站装饰性动效试点

  • 技术方案：通过 lottie-web（v5.12.2、SVG 渲染、CDN）在四个页面接入 LottieFiles 导出的 JSON 动效，不改变核心布局与既有 JS 逻辑。
  • 首页：在标语「只要想的少 快乐追着跑！」正下方展示 Cool_emoji.json，居中紧凑装饰。
  • 博客页：space_plant.json 置于 Hero 与文章卡片之间，作为轻量装饰条。
  • 关于页：global_earth.json 置于侧栏个人信息（生活地、面貌、邮件、技能、观点）下方。
  • 404 页：alive_cat.json 置于错误卡片大号 404 数字上方（试点）。
  • 无障碍与容错：尊重 prefers-reduced-motion（减动效时停首帧）；CDN 或 JSON 加载失败时显示 emoji 占位。
  • 可回档：每处集成均用 LOTTIE 注释块包裹（样式、HTML、脚本），删除对应段落即可还原。
  • 新增资源：Cool_emoji.json、space_plant.json、global_earth.json、alive_cat.json（部署时需一并提交）。
  • 改动文件：index.html、pages/blog.html、pages/about.html、pages/project/404notfound.html。
2026-05-09

排序可视化 — 竞技模式 Bug 修复与稳定性改进

  • 构造函数修复：修复 RaceController 构造函数参数不匹配问题 — 改为无参构造，初始化为空 runner 列表。
  • 补充方法：为 RaceController 类补充缺失的 addRunner() 方法，用于正确注册 runner。
  • 参数修正：修复 AlgorithmRunner 第三个参数 — 改为传入 ALGO_INFO 对象而非数值，恢复对比表格的稳定性、时间复杂度等数据。
  • 界面卡死修复：修复竞技模式界面无响应的根因 — render() 中 querySelector 因查找不存在的类元素而返回 null，导致 TypeError 静默中断动画循环且 state.sorting 永久卡死，添加空值保护防止崩溃。
  • 清理死代码：移除 startRace() 中未使用的 renderSpeed 变量。
  • 改动文件：pages/demo/demojs/sort-visualizer.js（引擎与控制器的全部修复）。
2026-04-29

分类与知识图谱页面 — 全新上线 / 关于页面 — 新增实习经历

  • 新增页面：全新构建分类与知识图谱页面（pages/categories.html），从多维度全景展示博客内容 — 定位为分类探索入口，不重复博客列表功能。
  • Hero 标题区：渐变背景 Hero 区域，配浮动知识节点装饰与连线动画、毛玻璃徽章与数据标签，完整适配暗色模式。
  • 搜索功能：全文搜索栏，支持标题、摘要和标签匹配；搜索结果以紧凑卡片展示，关键词高亮、分类色点标记、匹配标签加粗。
  • 统计概览：4 张统计卡片展示文章总数、分类数、标签数与创作天数，全部自动从 blog.js 数据计算。
  • 分类卡片：技术/想法/生活/面试四个分类卡片，显示文章数与 Top 5 热门标签，点击跳转博客页。
  • 标签词云：所有标签按出现频率动态调整字号与透明度，10 种渐变色彩，点击可跳转。
  • 知识图谱：基于 Canvas 的力导向图，可视化标签共现关系；节点按分类着色、按频率缩放，200 帧物理仿真自动布局。
  • 发布时间线：按月统计发文数量的柱状图，从文章日期自动生成。
  • 数据来源：通过 SKIP_BLOG_INIT 标志复用 blog.js 的 getBlogPosts() — 零数据重复，无需手动编写内容。
  • 关于页面：新增实习经历板块 — 字节跳动 AI 数据标注实习生（校企合作，2023.09-2023.11），涵盖大模型数据资产建设、多模态业务场景实践与质量评估反馈优化。
  • 改动文件：pages/categories.html（完整重写）、pages/about.html（新增实习经历板块）。
2026-04-26

评论系统 — 迁移至 Giscus

  • 评论升级：将原有的静态留言表单与留言列表替换为基于 GitHub Discussions 的 Giscus 评论系统。
  • 功能增强：支持 GitHub 账号登录评论、表情回应与嵌套回复。
  • 主题同步：自动同步网站深色/浅色主题 — 切换主题时 Giscus iframe 同步更新配色。
  • 语言同步：自动同步网站语言 — 切换中英文时 Giscus 界面语言联动切换。
  • 样式精简：移除约 260 行旧评论 CSS（表单、列表、头像、提示条），替换为简洁的 Giscus 容器样式。
  • 改动文件：pages/changelog.html（评论区 HTML）、css/changelog.css（评论样式）、js/changelog.js（评论逻辑 → Giscus 同步）。
2026-04-23

数据中心仪表板 v3.0 — 全面重构

  • 布局：从 auto-fit 网格升级为 12 列 Bento Grid，卡片大小非对称排列，视觉层次更丰富。
  • 新增：Quick Stats 概览条 — 4 格迷你统计卡片（总页面、博客文章、累计访客、平均加载），各带 Sparkline 迷你折线图。
  • 新增：浏览器 & 设备分析 — 环形图展示 Chrome/Safari/Edge/Firefox 占比，带自定义图例。
  • 新增：GitHub 风格内容贡献热力图 — 26 周日历，5 级密度着色，hover 放大 + 日期 tooltip。
  • 新增：实时活动流 — 模拟 Live Feed（页面浏览/部署/commit/新访客），每 4-8 秒自动推入新事件。
  • 新增：技术栈展示 — 8 个彩色图标卡片 + tooltip，Header 增加实时时钟。
  • 优化：世界地图重绘更圆润并增加虚线连接动画；服务状态新增 30 天 Uptime 时间线条；地区列表增加排名徽标与进度条。
  • 响应式：三档断点（1100px / 768px / 480px），图表与网格均自适应。
  • 改动文件：pages/project/datacenter.html、css/datacenter.css、js/datacenter.js（三文件全面重写）。
2026-04-23

友链页面 — 布局重组与申请友链板块升级

  • 布局调整：将「申请友链」板块移至页面最顶部，访客进入即可见。
  • UI 升级：申请友链板块重构为双栏布局：左列展示本站 JSON 信息 + 三步流程 + 申请要求清单；右列直接展示申请表单（不再隐藏在按钮后）。
  • 个人链接：桌面端 4 卡片一行展示（GitHub、在线简历、微信公众号、知乎），中屏 2 列，手机单列。
  • 友情链接：移除 6 个占位友链，仅保留真实友链 Ohaoz。
  • 精简：移除旧申请板块中冗余的 HTML/CSS 模板代码区。
  • 改动文件：pages/links.html（板块重排 + 内容清理）、css/links-enhanced.css（个人链接四列与申请双栏的响应式规则）。
2026-04-23

404 页面 — 极客极简风格重构

  • 配色统一：移除旧版粉紫渐变背景与 Emoji 粒子系统，配色统一为主站蓝色（#007AFF）+ 米白（#f9f7f2）体系。
  • 粒子背景：新增 Canvas 粒子 + 连线背景（科研极客风），取代弹跳 Emoji 粒子系统。
  • Glitch 特效：404 数字使用 JetBrains Mono 等宽字体，配周期性 RGB Glitch 故障动画效果。
  • 终端风格：新增 `$ curl -I this-page` 终端提示符徽标 + 模拟错误日志面板（实时 URL 路径与 UTC 时间戳）。
  • 页脚精简：从三栏复杂布局精简为单行版权栏。
  • 零影响：页面完全自包含（CSS/JS 均内联），不引入主站 style.css / dark-mode.css，对其他页面零影响。
  • 改动文件：pages/project/404notfound.html（完全重写，自包含）。
2026-04-21

[T0 Bug修复] 同一天多篇文章加载失败（404）

  • Bug 描述：同一天撰写多篇文章时，文件按编号命名（如 20260421_zh_1.md、20260421_zh_2.md），但博客系统仅解析到 20260421_zh.md（不带编号），导致 HTTP 404 错误，文章无法加载。
  • 根因 1 - blog.js：getBlogPosts() 中的文章 URL 指向不存在的 20260421_zh.md，而非正确的带编号文件（_zh_1.md、_zh_2.md 等）。
  • 根因 2 - moban_new_md.html：resolveMarkdownPathForLanguage() 中的语言切换正则仅匹配 _zh.md/_en.md 格式，无法处理 _zh_1.md/_en_1.md 编号格式，导致中英文切换同样失效。
  • 修复 1：在 resolveMarkdownPathForLanguage() 中新增带编号格式的正则匹配（_zh_N/_en_N），置于原无编号正则之前优先匹配。
  • 修复 2：修正 getBlogPosts() 中已有条目的 URL —— AI Agent 文章指向 _zh_1.md，CoT/PaS/Reflexion 文章指向 _zh_2.md。
  • 修复 3：补充注册 3 篇缺失文章 —— 工具调用（zh_3）、记忆模块（zh_4）、多智能体协作（zh_5），包含完整元数据与标签翻译。
  • 兼容性：原有 _zh.md/_en.md 格式（如 20260420_zh.md）不受影响；编号正则优先匹配，不破坏已有文章。
  • 改动文件：js/blog.js（URL 修正 + 3 条新文章注册 + 标签翻译）；pages/blog/moban_new_md.html（语言切换正则增强）。
2026-04-21

Mermaid 图表全屏放大功能

  • 改动文件：moban_new_md.html（增加 relative 定位、全屏按钮与遮罩层 CSS）；markdown-renderer.js（新增 setupMermaidFullscreen/openMermaidFullscreen 方法，接入渲染流水线）
  • 放大入口：每个 Mermaid 图表右上角自动出现放大按钮（hover 淡入）
  • 全屏查看器：深色半透明遮罩层 + SVG 自动缩放适配屏幕；顶部工具栏提供缩放百分比显示、缩小/放大/适应屏幕/关闭四个按钮
  • 交互能力：桌面端支持鼠标滚轮缩放/拖拽平移、移动端支持双指捏合/单指拖拽；关闭方式包括 ESC 键、关闭按钮或点击空白区域
  • 不影响现有内容：未删除或修改已有逻辑，仅追加 relative 定位；全屏按钮动态注入，深色模式完整适配
2026-04-19

Markdown 渲染新增 Mermaid 图表与 SVG 支持

  • 在 moban_new_md.html 中通过 CDN 引入 Mermaid 10.9.0，设有备用 CDN 回退，与 KaTeX 引入方式一致。
  • 扩展 markdown-renderer.js：语言标记为 mermaid 的代码块自动渲染为图表而非代码高亮；支持流程图、序列图、状态图、甘特图、饼图、类图等。
  • Markdown 中的内联 SVG 原生渲染并自适应缩放，无需额外配置。
  • Mermaid 图表自动适配暗色/亮色主题；现有 KaTeX 公式与代码高亮功能不受影响。
2026-04-04

Markdown 阅读模板升级与博客面试专栏

  • 升级 pages/blog/moban_new_md.html：目录支持 h2/h3 分组折叠、目录区可滚动与低调滚动条、打印/分享/全屏操作按钮换新样式，侧栏支持抽屉式隐藏/展开并让正文平滑居中。
  • 调整 markdown-renderer.js：标题纯文本用于 slug 与目录；blog-post.css 补充侧栏抽屉与目录树相关样式。
  • 中英文章：导航栏切换语言时按 *_zh.md / *_en.md 配对加载；language.js 派发 sitewide-language-change；缺文件时回退原路径。新增 context/test_zh.md、context/test_en.md，测试入口改为 test_zh.md。
2026-03-31

部分网页需要维护。😊

  • 部分网页需要维护。
2026-03-30

首页 UI 小升级

  • 新增无限滚动的 Marquee 滚动长廊，增强页面动感与现代氛围。
  • 仅将博客动态板块在桌面端改为非对称 Bento Grid 便当盒布局。
  • 新增 JS 同步逻辑，让首页博客动态面板始终展示来自更新日志时间线的最新 5 条内容。
2026-03-07

主页面与博客体验更新

  • 重构主页面排版，整体层级更清晰，视觉节奏更稳定。
  • 更新博客页面 UI，并测试了多套主题方案，部分方案验证后未采用。
  • 补充并重构了部分 JavaScript 逻辑，提升事件关联与交互稳定性。
  • 这三个月做了多轮可用性验证与小步优化，改动更稳，也少走了一些回头路（继续打磨 ^_^）。
2025-09-09

LaTeX 数学公式支持 v2.1.0

  • 接入 KaTeX，提供稳定且高性能的 LaTeX 公式渲染。
  • 补充行内/块级公式解析，并优化预处理逻辑以减少冲突。
  • 完善日夜主题适配与公式复制交互。
  • 增强 CDN 回退、异常处理与移动端长公式可读性。
2025-09-08

Markdown 博客系统 v2.0.0

  • 发布可复用的 Markdown 渲染模板，整体结构更清晰。
  • 新增代码高亮、复制交互与自动目录生成能力。
  • 支持基于 URL 参数的动态加载，并优化链接处理逻辑。
  • 完善响应式样式、异常回退和中英文切换一致性。
2025-09-08

Demo 工作学习空间 v1.5.0

  • 搭建 Demo 工作学习空间，用于学习演示与功能验证。
  • 引入算法模块与卡片式交互，提升信息组织和浏览效率。
  • 按模块整理页面结构与脚本，便于后续扩展与维护。
  • 完善响应式表现，并补齐主要组件的中英文适配。
2025-08-08

个人画廊 v3.0.0

  • 重做图集详情页布局，图文阅读和浏览更顺畅。
  • 补充图集元数据与说明文字，内容组织更完整。
  • 优化面板过渡、键盘操作等交互细节。
  • 增强 CDN 回退、响应式布局和主题/语言持久化。
2025-08-04

数据中心仪表板 v2.0.0

  • 上线新版数据中心仪表板，用于核心访问与状态监测。
  • 整合图表与地图模块，使用更贴近场景的数据进行展示。
  • 统一各组件的日夜主题与中英文切换行为。
  • 优化刷新节奏与交互逻辑，提升信息可读性与稳定性。
2025-08-01

新增庆祝横幅功能 版本 1.3.1

  • 🎉 新增中国人民解放军建立98周年庆祝横幅
  • 精美的中国红背景配金黄色字体设计
  • 智能滚动交互 - 根据滚动方向自动显示/隐藏
  • 闪光动画效果和飘动国旗图标
  • 双语支持，自动语言切换
  • 📲 响应式设计，适配所有设备尺寸
  • 模块化设计，便于未来拆卸和维护
  • 🏠 仅在首页显示，保持其他页面简洁设计
2025-05-27

更新了个人项目板块的一些描述

  • 对个人项目板块进行了一些描述的更新，让描述更加准确和详细，更加贴合简历和展示个人工作。😀
2025-05-22

网站错误优化 版本 1.3.0

  • 移除页脚列之间的竖分隔线，使视觉效果更加简洁
  • 保持三列布局（Logo、快速链接、联系我）以确保一致的用户体验
  • 统一所有页面的页脚布局，提升视觉和谐度
  • 更新CSS样式，移除分隔线相关样式，同时保持响应式行为
  • 移除SVG图标，使UI更加简洁一致
  • 修复日间模式下分类标签颜色，解决蓝色背景不一致问题
  • 修复阅读更多链接，确保正确跳转到文章页面
  • 增强日间模式和夜间模式之间的视觉一致性
  • 修复页脚在日间模式下的配色问题，确保在深色和浅色主题之间正确切换
  • 增强主题切换过程中所有页脚元素的颜色过渡效果
  • 改善日间模式下页脚文本的对比度和可读性
  • 统一所有主题敏感元素的颜色变量和过渡效果
  • 修复"阅读更多"按钮链接无反应的问题，确保正确跳转到文章页面
  • 增加点击文章标题跳转到对应文章的功能
  • 保持原有样式的同时改进交互元素
  • 通过提供多种导航选项增强用户体验
  • 修复博客文章链接点击无反应的严重问题
  • 修正所有博客文章的URL路径，确保正确导航
  • 改进鼠标跟踪效果，防止干扰可点击元素
  • 增强链接检测和处理系统，提高导航可靠性
  • 修复阻止博客文章链接跳转到文章页面的关键问题
  • 修正URL路径格式，使用从网站根目录开始的绝对路径
  • 改进链接目标设置，在新标签页中打开文章以提升用户体验
  • 移除阻碍链接交互的干扰性JavaScript代码
  • 将导航功能优先级置于视觉效果之上
2025-05-18

UI 界面增强

  • 增强项目页面 UI，添加现代化动画、交互和视觉效果
  • 升级链接页面，改进卡片设计、动画效果和交互元素
  • 在两个页面实现一致的动画框架，提升用户体验
  • 添加悬停效果和微交互，提高用户参与度
2025-04-14

CDN 加速阶段

  • 迁移博客文章图片至 jsDelivr CDN (通过 gcore.jsdelivr.net 镜像) 以加速全球访问。
  • 为技术文章配置 MathJax 以正确渲染 LaTeX 公式。
  • 为波士顿房价预测文章添加了报告原文下载链接。
2025-04-03

版本 1.2.0

  • 添加项目页面，带有交互式过滤器和现代卡片设计
  • 更新所有导航栏，加入项目链接，确保网站体验一致性
  • 第一本小说完结，发布最终章节
  • 统一所有小说章节导航，使用一致的'novel-navigation'样式
  • 为全站所有导航元素添加双语支持属性
  • 修复小说章节中不一致的导航文本("目录" → "返回目录")
  • 改进项目卡片悬停效果和动画，提升用户体验
  • 在项目过滤器中添加GitHub图标，方便直接访问代码仓库
  • 对网站进行系统性错误修复，解决多处导航路径问题，确保文件命名一致性
2025-03-31

版本 1.1.2

  • 添加基于访问时间的动态问候语，附带打字机效果
  • 更新字体：中文内容采用ZCOOL KuaiLe字体，英文内容采用Chewy字体
  • 为网站标题和引言文本应用特色字体
  • 更换主头像图片
  • 添加小说模板版块
2025-03-30

版本 1.1.1

  • 添加GitHub贡献日历
  • 添加小说板块
  • 添加链接板块
  • 丰富关于板块
2025-03-23

版本 1.1.1

  • 修复重大博客导航错误：点击"阅读更多"链接时出现404错误
  • 修正博客文章URL路径，确保从主页和博客页面都能正确导航
  • 修复blog.html中的JavaScript引用错误：将不存在的dark-mode.js替换为theme.js
  • 统一全站页面的链接处理方式，提供一致的导航体验
  • 提高网站稳定性和资源加载效率
2025-03-22

版本 1.1.0

  • 修复重大bug：首次访问时内容不显示
  • 优化页面首次加载，无需切换语言即可立即显示内容
  • 改进字体加载策略，添加预加载和后备方案
  • 添加字体检测功能，确保内容在任何字体加载状态下可见
  • 增强CSS样式，防止初始加载时出现空白屏幕
  • 添加简历下载链接，支持中英文双语显示
2025-03-20

版本 1.0.1

  • 网站图片将使用avif格式
  • 实现更快压缩图片格式
  • 背景图片和博客文章用图加载更加迅速
2025-03-18

版本 1.0.0

  • 网站初始上线
  • 实现响应式设计
  • 添加暗色模式切换
  • 添加语言切换（中文/英文）
2025-03-18

测试版

  • 完成苹果风格UI设计
  • 实现博客文章系统
  • 添加基本导航
2024-09-15

项目启动

  • 创建初始仓库
  • 规划网站结构
  • 确定设计需求