GitHub 贡献日历

CaiNiaojian
0 总贡献数
0 最长连续贡献

更新日志

记录网站的演变历程

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

项目启动

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

时光之旅

一段怀旧的里程碑之旅

左右滑动探索

提问与反馈

通过 GitHub Discussions 留下你的疑问或建议