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

feat: 调整项目经历排版布局

Browse Source 
- 删除项目介绍标题，将技术栈拆分为标签展示
- 项目名称与职责描述同行显示，日期居右
- 技术标签与项目链接分列左右
- 项目描述合并为单行展示
- 添加标签样式（蓝色边框圆角）
This commit is contained in:
wonder
2026-08-27 10:25:32 +08:00
parent de065b7023
commit e600fc5a9b
2 changed files with 62 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resume.css
+35 -4
View File
@@ -229,24 +229,51 @@ body {
margin-bottom: 1px;
}
.proj-title-line {
display: flex;
align-items: baseline;
gap: 8px;
}
.proj-name {
font-size: 14px;
font-weight: 700;
color: #222;
}
.proj-role {
font-size: 12px;
color: #888;
}
.proj-date {
font-size: 13px;
color: #888;
white-space: nowrap;
}
.proj-sub {
font-size: 12px;
color: #888;
margin-bottom: 2px;
.proj-link-line {
display: flex;
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 {
@@ -259,6 +286,10 @@ body {
color: #252525;
line-height: 1.45;
margin-bottom: 3px;
border: 1px solid #4478DF;
border-radius: 4px;
padding: 4px 8px;
text-align: center;
}
.proj-desc {
resume.html
+27 -12
View File
@@ -112,17 +112,25 @@
<div class="section">
<div class="section-title">项目经历</div>
<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>
<div class="proj-sub">
<span>全栈开发 <span class="edu-badge">Agent</span> 【XEngineer 开源项目】</span>
<div class="proj-link-line">
<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>
</div>
<div class="proj-intro">
<strong>项目介绍：</strong><br>
<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>
<span class="proj-desc">AI 2D 游戏素材生成平台，用户输入文本提示词，自动生成风格一致的 Sprite、背景、UI 元素与动画帧流.</span>
</div>
<div class="proj-work-title">主要工作：</div>
<ol class="proj-work-items">
@@ -133,17 +141,24 @@
</ol>
<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>
<div class="proj-sub">
<span>后端开发 <span class="edu-badge">高并发</span> 【哔哩哔哩技术团队文章复现】<!-- TODO: 后续添加文章链接 --></span>
<div class="proj-link-line">
<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>
</div>
<div class="proj-intro">
<strong>项目介绍：</strong><br>
<span class="proj-desc">基于 Spring Boot 3 + Redis + Caffeine + HeavyKeeper + MyBatis-Plus 的高并发点赞系统。</span>
<span class="proj-desc">采用 Write-Behind 异步写回架构，写入由 Redis 承接后定时批量落库；读取走 Caffeine、Redis 二级缓存加速。</span>
<span class="proj-desc">高可用的高并发点赞系统</span>
</div>
<div class="proj-work-title">主要工作：</div>
<ol class="proj-work-items">