# 我把一年的 git 提交做成了一份体检报告｜1024 造物挑战参赛作品

> 体验地址：https://code-health-report-68057.app.workbuddy.host/?sharecode=JVVZ5LADAZ
> 单文件 HTML，双击即用，git 数据全程本地解析，不上传任何服务器。

## 一、起因：一年 300 次提交，我却从没看清过自己

每年 1024 刷朋友圈，看着大家晒各种代码截图，总觉得少一份属于自己的东西。去年年底打算复盘下自己这一年的提交习惯，没发现可顺手的工具。公司内部的代码平台又没有个人视角的统计；自己写脚本拉数据，还得折腾环境、搭依赖，嫌麻烦一直没弄。
平时也碰到两个很实在的场景：一、写团队年度总结的时候，拿不出直观的个人开发素材；二、到了程序员节想发条朋友圈，又找不到可直观的分享图。于是这次 1024 造物挑战，我做了这个：**粘贴一段 git log，出一份年度代码体检报告**。

![1-输入与操作说明.png](https://developer.qcloudimg.com/http-save/yehe-12838928/af6dfdebf7f0bd6d5bce02576a4a7f98.png)

## 二、三步用法

1. 在 git 仓库目录执行下面这条命令（页面内置「复制命令」按钮，不用手敲）：

        git log --numstat --pretty=format:"#C|%ad|%an|%s" --date=iso > gitlog.txt

2. 全选复制文件内容，粘贴到页面输入框
3. 点「生成体检报告」。想先看效果可以点「加载示例」

## 三、它给了你什么

**代码人格画像。** 8 种人格：深夜筑城师、晨光先行者、全栈游侠、重构艺术家、连击狂人、高产永动机、周末战士、稳健筑路人。用有序规则链判定，命中即停，规则写在页面内置的「评分图鉴」里——不是黑盒猜谜，每一项怎么来的都能自己验算。尤其是看到代码人格时，突然眼前一亮，比较吸引人眼球。

![2-人格画像与核心指标.png](https://developer.qcloudimg.com/http-save/yehe-12838928/6296c4c4d93b412c2730b503e27c0533.png)

**成就徽章墙。** 10 枚徽章按真实阈值点亮：夜猫子（深夜提交 ≥25%）、连击狂人（连续 ≥14 天）、重构狂（删除/新增 ≥0.6）、文档卫士（Markdown 占比 ≥8%）、团队核心（多人协作且贡献最高）……

**代码健康分。** 满分 100 = 活跃度 55 + 连续性 25 + 语言多样性 20。公式公开，可复算。

**可视化。** GitHub 风格的提交热力图、一天中的提交时段、月度趋势、代码净增长累计曲线、星期分布、commit message 词云（中英文混合词频，手写实现，没引第三方库）。

![3-提交热力图.png](https://developer.qcloudimg.com/http-save/yehe-12838928/098f09799df62577fb7c9dabc8ae22c8.png)

**分享。** 一键复制金句；canvas 手绘 800×1660 竖版海报，本地生成直接下载，带作者署名和连击日期区间。

![7-分享海报.png](https://developer.qcloudimg.com/http-save/yehe-12838928/1d890596e8c58d5b6235d2e4046a2fc3.png)

**按年份 / 按作者 / 组合筛选。** 标题、跨度、人格、徽章、海报全部联动重算。这一条是被人骂出来的——第一版只有全量统计，朋友试了说"我看团队报告干嘛，我就想知道我自己这一年"，于是加了双维度筛选。

## 四、技术选择：为什么坚持单文件零依赖

最终产物是**一个 51KB 的 HTML 文件**：零依赖、零构建、零 CDN，断网可跑，双击即用，扔微信群就能打开。

- 所有图表用 `createElementNS` 手写 SVG 逐元素绘制，不引 Chart.js / ECharts
- 词频引擎手写：英文正则匹配 + 中文词表多重匹配计数
- 人格判定是有序规则链，优先级明确、可解释
- git 解析器要处理 numstat 的重命名条目（`{old => new}` 和 `old => new` 两种形态）、中文路径的八进制转义还原（`"doc/\344\270\264\346\227\266.txt"`）、jeecg 模板的 `${entityName}Controller.javai` 这类花括号文件名

之所以这么选，是因为它解决的是"看一眼自己的一年"这种轻需求——**让人先装环境，需求就死了**。

## 五、踩过的三个坑（最有价值的部分）

**坑 1：SVG 缩放让面板高度乱跳。** 热力图最初用 `viewBox + width:100%`，我切换作者或年度后发现，结果周数少时（比如 10 周）viewBox 窄，整张图被放大 2.8 倍，格子变成 40×40px、面板涨到 380px；换成 52 周又缩成 8px 小格。同一份数据换个筛选条件，页面就跳动。解法：固定像素方格 + 像素宽高输出，不再缩放；容器放不下时只画最近 N 周并提示。

**坑 2：canvas 文字不能用字号估算间距。** 生成海报的时候，我打开发现emoji 头像和作者名字发生重叠、文字被盖住。原因：canvas 的 `measureText` 只算文字宽度，不能简单拿字号当行高 / 偏移去估算垂直间距，emoji 渲染宽高和普通文字还不一样，直接按字号偏移很容易错位覆盖。

**坑 3：powershell导出gitlog.txt中文乱码。** 我发现用 PowerShell 执行 git log 输出到 txt 文件，中文乱码；换成 cmd 跑同一条导出命令，乱码问题消失

## 六、隐私：一条硬约束

整个工具**不发送任何网络请求**。git log 只在你的浏览器里解析，不经过任何服务器。这不是附加说明，是设计前提——谁会愿意把公司仓库的提交记录传到第三方网站上？

## 七、欢迎试玩

体验地址：https://code-health-report-68057.app.workbuddy.host/?sharecode=JVVZ5LADAZ

欢迎点进去试试，尤其是把你的 git log 粘进去看看你是什么人格。用着不顺手的地方，评论区告诉我。

#WorkBuddy #1024程序员节

---

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。

体验地址：https://code-health-report-68057.app.workbuddy.host/?sharecode=JVVZ5LADAZ 单文件 HTML，双击即用，git 数据全程本地解析，不上传任何服务器。

30 秒给代码做年检：一个单文件 HTML 工具的创作全记录

粘贴一段 git log，30 秒生成年度代码体检报告：8 种代码人格、10 枚成就徽章、公式公开的健康分、canvas 手绘分享海报。单文件 HTML 零依赖，git 数据不上传。附完整创作过程与三个踩坑。

人工智能

一款将Git提交记录转化为个性化年度体检报告的单文件HTML工具，零依赖、离线可用，数据本地解析不泄露隐私。支持代码人格画像、成就徽章、健康评分及GitHub风格热力图，自动生成可分享的竖版海报，专为程序员年度总结与1024节日分享设计。

服务器

WorkBuddy 

Markdown

容器

GitHub

WorkBuddy企业版限时双倍 Credits 活动

workbuddy

CDN免费试用


2026上云采购 | AI焕新·智启新局

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

30 秒给代码做年检：一个单文件 HTML 工具的创作全记录-腾讯云开发者社区-腾讯云

30 秒给代码做年检：一个单文件 HTML 工具的创作全记录

30 秒给代码做年检：一个单文件 HTML 工具的创作全记录

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐