更新日志

记录网站的演变历程

GitHub 贡献日历

CaiNiaojian
0 总贡献数
0 最长连续贡献
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

项目启动

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