wonder/resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: wonder/resume:473840e979f754cc6b5ea10addb5a74493a80f8b
Branches Tags
wonder/resume:main
..
compare: wonder/resume:57f360a4a361ef3e2bb9f897e6b0ae1b7505e7d3
Branches Tags
wonder/resume:main

7 Commits
473840e979 .. 57f360a4a3

Author SHA1 Message Date
wonder 57f360a4a3 refactor: 优化头部目标职位及技术栈展示样式 
- 目标职位改为带圈数字标注（① 全栈开发 ② 后端开发 ③ 基础架构开发）
- 技术栈语言改为标签样式，与项目经历技术栈风格统一
 2026-08-27 11:26:19 +08:00
wonder b9bd1f5f61 feat: 荣誉奖项新增两条并优化排版布局 
- 右侧新增七牛云 XEngineer 开源实训项目（三等奖）和 WaytoAGI 飞书全球黑客松（创意奖）
- 添加七牛云和飞书图标
- 调整荣誉奖项左右比例为 55%/45%，添加虚线分隔
- 奖项等级样式与实习经历岗位文本统一（12px, #888）
- 移除所有荣誉奖项的日期显示
- 右侧奖项等级靠右对齐
 2026-08-27 11:14:52 +08:00
wonder df69fb4850 refactor: 调整荣誉奖项排版布局及间距 
- 将现有奖项包裹在 60% 宽度的左侧容器中，右侧预留 40% 空间
- 添加 honor-section/honor-left/honor-right 布局类
- 缩小奖项名称与等级、证书链接、日期之间的间距
 2026-08-27 10:45:30 +08:00
wonder 3d137401ce feat: 教育经历专业描述添加 ESI Top 1% 标注 
- 在国家级一流专业前添加 ESI Top 1%，用斜杠隔开
 2026-08-27 10:35:34 +08:00
wonder 16421fe95d feat: 添加 CSDN 博客和文档站链接 
- 在简历头部添加 CSDN 博客链接，显示为链接文本
- 在简历头部添加文档站链接，显示为链接文本
- 两个链接均在新标签页中打开
 2026-08-27 10:29:22 +08:00
wonder e600fc5a9b feat: 调整项目经历排版布局 
- 删除项目介绍标题，将技术栈拆分为标签展示
- 项目名称与职责描述同行显示，日期居右
- 技术标签与项目链接分列左右
- 项目描述合并为单行展示
- 添加标签样式（蓝色边框圆角）
 2026-08-27 10:25:32 +08:00
wonder de065b7023 refactor: 调整实习经历排版布局 
- 将职位信息从独立行移入公司头部行，位于公司名之后
- 公司名和职位信息居左，实习证明和时间居右
- 公司名与职位信息之间添加适当间距
- 删除第二段实习经历中的院校信息
 2026-08-27 09:56:13 +08:00
2 changed files with 142 additions and 43 deletions
Expand all files Collapse all files
resume.css
+72 -11
View File
@@ -139,9 +139,25 @@ body {
} }
/* Honors */ /* Honors */
.honor-section {
display: flex;
}
.honor-left {
width: 55%;
border-right: 1px dashed #ccc;
padding-right: 12px;
}
.honor-right {
width: 45%;
padding-left: 12px;
}
.honor-item { .honor-item {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
flex-wrap: wrap;
margin-bottom: 2px; margin-bottom: 2px;
font-size: 13px; font-size: 13px;
line-height: 1.45; line-height: 1.45;
@@ -153,6 +169,15 @@ body {
min-width: 0; min-width: 0;
} }
.honor-right .honor-content {
display: flex;
align-items: center;
}
.honor-right .honor-name {
flex: 1;
}
.honor-name { .honor-name {
color: #222; color: #222;
} }
@@ -161,8 +186,10 @@ body {
display: inline-block; display: inline-block;
min-width: 52px; min-width: 52px;
text-align: right; text-align: right;
margin-left: 8px; margin-left: 4px;
color: #222; font-size: 12px;
color: #888;
white-space: nowrap;
} }
.cert-link { .cert-link {
@@ -173,10 +200,14 @@ body {
white-space: nowrap; white-space: nowrap;
} }
.honor-item .cert-link {
margin-left: 4px;
}
.honor-date { .honor-date {
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
margin-left: 12px; margin-left: 4px;
min-width: 56px; min-width: 56px;
text-align: right; text-align: right;
} }
@@ -192,8 +223,6 @@ body {
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
color: #222; color: #222;
flex: 1;
min-width: 0;
} }
.exp-date { .exp-date {
@@ -203,10 +232,11 @@ body {
margin-left: 12px; margin-left: 12px;
} }
.exp-sub { .exp-position {
font-size: 12px; font-size: 12px;
color: #888; color: #888;
margin-bottom: 3px; flex: 1;
margin-left: 10px;
} }
.exp-items { .exp-items {
@@ -230,24 +260,51 @@ body {
margin-bottom: 1px; margin-bottom: 1px;
} }
.proj-title-line {
display: flex;
align-items: baseline;
gap: 8px;
}
.proj-name { .proj-name {
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
color: #222; color: #222;
} }
.proj-role {
font-size: 12px;
color: #888;
}
.proj-date { .proj-date {
font-size: 13px; font-size: 13px;
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
} }
.proj-sub { .proj-link-line {
font-size: 12px;
color: #888;
margin-bottom: 2px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
font-size: 12px;
margin-bottom: 2px;
}
.proj-tags {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
.proj-tag {
display: inline-block;
font-size: 10px;
color: #4478DF;
border: 1px solid #4478DF;
border-radius: 3px;
padding: 0px 4px;
line-height: 1.4;
} }
.proj-link { .proj-link {
@@ -260,6 +317,10 @@ body {
color: #252525; color: #252525;
line-height: 1.45; line-height: 1.45;
margin-bottom: 3px; margin-bottom: 3px;
border: 1px solid #4478DF;
border-radius: 4px;
padding: 4px 8px;
text-align: center;
} }
.proj-desc { .proj-desc {
resume.html
+57 -19
View File
@@ -23,16 +23,21 @@
</div> </div>
<div class="contact-item"> <div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg> <svg class="svg-icon" viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>
全栈开发（偏后端） <span style="color: #4478DF;">①</span> 全栈开发 <span style="color: #4478DF; margin-left: 8px;">②</span> 后端开发 <span style="color: #4478DF; margin-left: 8px;">③</span> 基础架构开发
</div> </div>
<div class="contact-item"> <div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg> <svg class="svg-icon" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
Go | Java | Vue | React <span class="proj-tag" style="margin-right: 4px;">Go</span>
<span class="proj-tag" style="margin-right: 4px;">Java</span>
<span class="proj-tag" style="margin-right: 4px;">Vue</span>
<span class="proj-tag">React</span>
</div> </div>
</div> </div>
<div class="website-line"> <div class="website-line">
线上简历：<a href="http://47.121.181.112:8080/resume/" target="_blank" title="在线简历" style="color: #4478DF; text-decoration: none;">http://47.121.181.112:8080/resume/</a> 线上简历：<a href="http://47.121.181.112:8080/resume/" target="_blank" title="在线简历" style="color: #4478DF; text-decoration: none;">http://47.121.181.112:8080/resume/</a>
<span style="margin-left: 12px;">代码仓库：</span><a href="http://47.121.181.112:3000/wonder" target="_blank" title="代码仓库" style="color: #4478DF; text-decoration: none;">http://47.121.181.112:3000/wonder</a> <span style="margin-left: 12px;">代码仓库：</span><a href="http://47.121.181.112:3000/wonder" target="_blank" title="代码仓库" style="color: #4478DF; text-decoration: none;">http://47.121.181.112:3000/wonder</a>
<span style="margin-left: 12px;">CSDN：</span><a href="https://blog.csdn.net/cheer2333" target="_blank" title="CSDN博客" style="color: #4478DF; text-decoration: none;">链接</a>
<span style="margin-left: 12px;">文档站：</span><a href="http://47.121.181.112:20000/" target="_blank" title="文档站" style="color: #4478DF; text-decoration: none;">链接</a>
</div> </div>
</div> </div>
</div> </div>
@@ -43,7 +48,7 @@
<div class="edu-header"> <div class="edu-header">
<div> <div>
<span class="edu-school">武汉科技大学</span><span class="edu-badge">省部共建</span> <span class="edu-school">武汉科技大学</span><span class="edu-badge">省部共建</span>
<span class="edu-major">计算机科学与技术（国家级一流专业）</span> <span class="edu-major">计算机科学与技术 【国家级一流专业 | ESI 0.495%】</span>
<span class="edu-degree">本科</span> <span class="edu-degree">本科</span>
</div> </div>
<div class="edu-date">2023-09 ~ 2027-06</div> <div class="edu-date">2023-09 ~ 2027-06</div>
@@ -59,6 +64,8 @@
<!-- 荣誉奖项 --> <!-- 荣誉奖项 -->
<div class="section"> <div class="section">
<div class="section-title">荣誉奖项</div> <div class="section-title">荣誉奖项</div>
<div class="honor-section">
<div class="honor-left">
<div class="honor-item"> <div class="honor-item">
<div class="honor-content"> <div class="honor-content">
<img src="img/kingsoft.svg" class="company-logo" alt="金山办公"> <img src="img/kingsoft.svg" class="company-logo" alt="金山办公">
@@ -66,7 +73,6 @@
<span class="honor-badge">三等奖</span> <span class="honor-badge">三等奖</span>
</div> </div>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca366d125.jpg" class="cert-link" target="_blank">证书</a> <a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca366d125.jpg" class="cert-link" target="_blank">证书</a>
<div class="honor-date">2024-04</div>
</div> </div>
<div class="honor-item"> <div class="honor-item">
<div class="honor-content"> <div class="honor-content">
@@ -75,7 +81,24 @@
<span class="honor-badge">优秀奖</span> <span class="honor-badge">优秀奖</span>
</div> </div>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca3666920.png" class="cert-link" target="_blank">证书</a> <a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca3666920.png" class="cert-link" target="_blank">证书</a>
<div class="honor-date">2024-06</div> </div>
</div>
<div class="honor-right">
<div class="honor-item">
<div class="honor-content">
<img src="img/qiniu.svg" class="company-logo qiniu" alt="七牛云">
<span class="honor-name">七牛云 XEngineer 开源实训项目</span>
<span class="honor-badge">三等奖</span>
</div>
</div>
<div class="honor-item">
<div class="honor-content">
<img src="img/lark.svg" class="company-logo" alt="飞书" style="height: 20px;">
<span class="honor-name">WaytoAGI 飞书全球黑客松（武汉站）</span>
<span class="honor-badge">创意奖</span>
</div>
</div>
</div>
</div> </div>
</div> </div>
@@ -84,10 +107,10 @@
<div class="section-title">实习经历</div> <div class="section-title">实习经历</div>
<div class="exp-header"> <div class="exp-header">
<div class="exp-company"><img src="img/qiniu.svg" class="company-logo qiniu" alt="七牛云"> 七牛云 | 上海七牛信息技术有限公司</div> <div class="exp-company"><img src="img/qiniu.svg" class="company-logo qiniu" alt="七牛云"> 七牛云 | 上海七牛信息技术有限公司</div>
<span class="exp-position">产品研发部-基础架构部 全栈开发</span>
<a href="http://47.121.181.112:40027/i/2026/08/06/6a745822150dd.jpg" class="cert-link" target="_blank">实习证明</a> <a href="http://47.121.181.112:40027/i/2026/08/06/6a745822150dd.jpg" class="cert-link" target="_blank">实习证明</a>
<div class="exp-date">2026-07 ~ 2026-08</div> <div class="exp-date">2026-07 ~ 2026-08</div>
</div> </div>
<div class="exp-sub">产品研发部-基础架构部 全栈开发</div>
<ul class="exp-items"> <ul class="exp-items">
<li>参与设计计算服务交付平台，基于状态机模型实现八阶段任务生命周期管理，支持参数校验、资源预留与安全回滚。</li> <li>参与设计计算服务交付平台，基于状态机模型实现八阶段任务生命周期管理，支持参数校验、资源预留与安全回滚。</li>
<li>参与多机房 Ansible 部署架构设计，通过 AWX 调度控制与主机锁机制实现部署并发管控，保障大规模实例的有序交付。</li> <li>参与多机房 Ansible 部署架构设计，通过 AWX 调度控制与主机锁机制实现部署并发管控，保障大规模实例的有序交付。</li>
@@ -96,10 +119,10 @@
<div class="exp-header" style="margin-top: 10px;"> <div class="exp-header" style="margin-top: 10px;">
<div class="exp-company"><img src="img/hust.svg" class="company-logo hust" alt="华中科技大学"> 国家网络安全人才与创新基地 | 武汉金银湖实验室</div> <div class="exp-company"><img src="img/hust.svg" class="company-logo hust" alt="华中科技大学"> 国家网络安全人才与创新基地 | 武汉金银湖实验室</div>
<span class="exp-position">平台技术部 后端开发</span>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17cb367128b.jpg" class="cert-link" target="_blank">实习证明</a> <a href="http://47.121.181.112:40027/i/2026/05/28/6a17cb367128b.jpg" class="cert-link" target="_blank">实习证明</a>
<div class="exp-date">2025-11 ~ 2026-03</div> <div class="exp-date">2025-11 ~ 2026-03</div>
</div> </div>
<div class="exp-sub">平台技术部 后端开发 | 华中科技大学-网络空间安全学院</div>
<ul class="exp-items"> <ul class="exp-items">
<li>参与设计面向国家关键单位的网络安全 SaaS 平台，完善租户多维度隔离、用户混合权限模型、API 流式计费等模块。</li> <li>参与设计面向国家关键单位的网络安全 SaaS 平台，完善租户多维度隔离、用户混合权限模型、API 流式计费等模块。</li>
<li>参与供应链探测数据中台开发，基于 Go 并发模型实现多源异构数据的采集服务，引入动态流量控制机制提升数据采集率。</li> <li>参与供应链探测数据中台开发，基于 Go 并发模型实现多源异构数据的采集服务，引入动态流量控制机制提升数据采集率。</li>
@@ -112,17 +135,25 @@
<div class="section"> <div class="section">
<div class="section-title">项目经历</div> <div class="section-title">项目经历</div>
<div class="proj-header"> <div class="proj-header">
<div class="proj-name">Gen2D 游戏素材生成工具</div> <div class="proj-title-line">
<span class="proj-name">Gen2D 游戏素材生成工具</span>
<span class="proj-role">全栈开发 【XEngineer 开源项目 - 三等奖】</span>
</div>
<div class="proj-date">2026-05 ~ 2026-06</div> <div class="proj-date">2026-05 ~ 2026-06</div>
</div> </div>
<div class="proj-sub"> <div class="proj-link-line">
<span>全栈开发 <span class="edu-badge">Agent</span> 【XEngineer 开源项目】</span> <div class="proj-tags">
<span class="proj-tag">Go(Gin)</span>
<span class="proj-tag">Eino Agent Graph</span>
<span class="proj-tag">GORM</span>
<span class="proj-tag">OSS</span>
<span class="proj-tag">React</span>
<span class="proj-tag">Zustand</span>
</div>
<a href="https://gitee.com/hezhaohui123/gen2d" class="proj-link" target="_blank">https://gitee.com/hezhaohui123/gen2d</a> <a href="https://gitee.com/hezhaohui123/gen2d" class="proj-link" target="_blank">https://gitee.com/hezhaohui123/gen2d</a>
</div> </div>
<div class="proj-intro"> <div class="proj-intro">
<strong>项目介绍：</strong><br> <span class="proj-desc">AI 2D 游戏素材生成平台，用户输入文本提示词，自动生成风格一致的 Sprite、背景、UI 元素与动画帧流.</span>
<span class="proj-desc">基于 Go(Gin) + Eino Agent Graph + GORM + OSS + React + Zustand 的 AI 2D 游戏素材生成平台。</span>
<span class="proj-desc">用户输入文本提示词，自动生成风格一致的 Sprite、背景、UI 元素与动画帧，可直接导入 Unity 等主流 2D 游戏引擎。</span>
</div> </div>
<div class="proj-work-title">主要工作：</div> <div class="proj-work-title">主要工作：</div>
<ol class="proj-work-items"> <ol class="proj-work-items">
@@ -133,17 +164,24 @@
</ol> </ol>
<div class="proj-header" style="margin-top: 12px;"> <div class="proj-header" style="margin-top: 12px;">
<div class="proj-name">ThumbUP 高并发点赞系统</div> <div class="proj-title-line">
<span class="proj-name">ThumbUP 高并发点赞系统</span>
<span class="proj-role">后端开发 【哔哩哔哩技术团队文章复现】</span>
</div>
<div class="proj-date">2025-10 ~ 2025-11</div> <div class="proj-date">2025-10 ~ 2025-11</div>
</div> </div>
<div class="proj-sub"> <div class="proj-link-line">
<span>后端开发 <span class="edu-badge">高并发</span> 【哔哩哔哩技术团队文章复现】<!-- TODO: 后续添加文章链接 --></span> <div class="proj-tags">
<span class="proj-tag">Spring Boot 3</span>
<span class="proj-tag">Redis</span>
<span class="proj-tag">Caffeine</span>
<span class="proj-tag">HeavyKeeper</span>
<span class="proj-tag">MyBatis-Plus</span>
</div>
<a href="http://47.121.181.112:3000/wonder/thumb-up" class="proj-link" target="_blank">http://47.121.181.112:3000/wonder/thumb-up</a> <a href="http://47.121.181.112:3000/wonder/thumb-up" class="proj-link" target="_blank">http://47.121.181.112:3000/wonder/thumb-up</a>
</div> </div>
<div class="proj-intro"> <div class="proj-intro">
<strong>项目介绍：</strong><br> <span class="proj-desc">高可用的高并发点赞系统</span>
<span class="proj-desc">基于 Spring Boot 3 + Redis + Caffeine + HeavyKeeper + MyBatis-Plus 的高并发点赞系统。</span>
<span class="proj-desc">采用 Write-Behind 异步写回架构，写入由 Redis 承接后定时批量落库；读取走 Caffeine、Redis 二级缓存加速。</span>
</div> </div>
<div class="proj-work-title">主要工作：</div> <div class="proj-work-title">主要工作：</div>
<ol class="proj-work-items"> <ol class="proj-work-items">