feat: 优化央国企简历排版与内容结构

- 全文字号统一放大 2px,按双面两页规划版面
- 新增打印分页规则,避免标题落单、条目跨页截断
- 移除证书链接、CSDN 与文档站入口
- 目标岗位精简为「后端开发工程师」,去掉 banner 开发语言标签
- 专业技能移到教育经历之后,改为「标签: 表述」格式
- Context/Harness Engineer 中文化(上下文工程、驾驭工程)

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
2026-09-23 20:40:58 +08:00
parent a8c884d23b
commit 578697ccbc
2 changed files with 57 additions and 65 deletions
+15 -28
View File
@@ -23,21 +23,12 @@
</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 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>
<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>
@@ -61,6 +52,20 @@
</ul> </ul>
</div> </div>
<!-- 专业技能 -->
<div class="section">
<div class="section-title">专业技能</div>
<ul class="skill-items">
<li><b>Go/Java</b>: 常用数据结构、中间件、并发模型、垃圾回收机制;能够使用 pprof、JFR 等工具进行性能排查</li>
<li><b>分布式微服务</b>: 服务注册与发现、负载均衡、限流熔断、配置中心、幂等控制、分布式锁及分布式事务</li>
<li><b>数据库</b>: MySQL 事务隔离、B+树索引优化及 MVCC 机制;Redis 混合持久化策略、集群、哨兵机制</li>
<li><b>缓存技术</b>: 多级缓存的设计;高并发场景下的缓存策略,如旁路缓存、读/写穿透、异步写回</li>
<li><b>消息队列</b>: 主流中间件选型、路由、持久化原理、事务、死信队列机制、推拉结合模式、集群化部署</li>
<li><b>CI/CD 与 K8s</b>: 多集群环境下的持续集成部署;K8s 下的应用发布、弹性扩缩容、灰度发布、健康检查及可观测体系建设</li>
<li><b>探索 AI 工程</b>: 上下文工程与驾驭工程;智能体架构、权限治理、可插拔配置等</li>
</ul>
</div>
<!-- 荣誉奖项 --> <!-- 荣誉奖项 -->
<div class="section"> <div class="section">
<div class="section-title">荣誉奖项</div> <div class="section-title">荣誉奖项</div>
@@ -72,7 +77,6 @@
<span class="honor-name">"金山杯"华中地区高校第十八届程序设计邀请赛</span> <span class="honor-name">"金山杯"华中地区高校第十八届程序设计邀请赛</span>
<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>
</div> </div>
<div class="honor-item"> <div class="honor-item">
<div class="honor-content"> <div class="honor-content">
@@ -80,7 +84,6 @@
<span class="honor-name">国际大学生程序设计竞赛(ICPC)湖北省赛</span> <span class="honor-name">国际大学生程序设计竞赛(ICPC)湖北省赛</span>
<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>
</div> </div>
</div> </div>
<div class="honor-right"> <div class="honor-right">
@@ -108,7 +111,6 @@
<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> <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>
<div class="exp-date">2026-07 ~ 2026-08</div> <div class="exp-date">2026-07 ~ 2026-08</div>
</div> </div>
<ul class="exp-items"> <ul class="exp-items">
@@ -121,7 +123,6 @@
<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> <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>
<div class="exp-date">2025-11 ~ 2026-03</div> <div class="exp-date">2025-11 ~ 2026-03</div>
</div> </div>
<ul class="exp-items"> <ul class="exp-items">
@@ -198,20 +199,6 @@
<li>单机场景利用字符串常量池特性,以业务前缀+用户ID为锁对象;多机场景基于 Redis 实现分布式锁,保障多实例数据一致。</li> <li>单机场景利用字符串常量池特性,以业务前缀+用户ID为锁对象;多机场景基于 Redis 实现分布式锁,保障多实例数据一致。</li>
</ol> </ol>
</div> </div>
<!-- 专业技能 -->
<div class="section">
<div class="section-title">专业技能</div>
<ul class="skill-items">
<li>熟悉 Go/Java 的常用数据结构、中间件、并发模型、垃圾回收机制。能够使用 pprof、JFR 等工具进行性能排查。</li>
<li>熟悉分布式微服务架构,理解服务注册与发现、负载均衡、限流熔断、配置中心、幂等控制、分布式锁及分布式事务。</li>
<li>熟悉数据库系统,理解MySQL事务隔离、B+树索引优化及 MVCC 机制,理解 Redis 混合持久化策略、集群、哨兵机制。</li>
<li>熟悉缓存技术,理解多级缓存的设计,以及高并发场景下的缓存策略,如旁路缓存、读/写穿透、异步写回。</li>
<li>熟悉消息队列,理解主流中间件选型、路由、持久化原理、事务、死信队列机制、推拉结合模式、集群化部署。</li>
<li>熟悉多集群环境下的持续集成部署,理解 K8s 下的应用发布、弹性扩缩容、灰度发布、健康检查及可观测体系建设。</li>
<li>探索 AI 前沿工程实践,理解 Context Engineer 与 Harness Engineer,理解智能体架构、权限治理、可插拔配置等。</li>
</ul>
</div>
</div> </div>
</body> </body>
</html> </html>
+42 -37
View File
@@ -9,7 +9,7 @@ body {
background: #ffffff; background: #ffffff;
color: #222222; color: #222222;
line-height: 1.4; line-height: 1.4;
font-size: 12px; font-size: 14px;
} }
.page { .page {
@@ -26,7 +26,7 @@ body {
} }
.name { .name {
font-size: 28px; font-size: 30px;
font-weight: 800; font-weight: 800;
color: #222222; color: #222222;
margin-bottom: 3px; margin-bottom: 3px;
@@ -34,7 +34,7 @@ body {
} }
.contact-info { .contact-info {
font-size: 12px; font-size: 14px;
color: #222; color: #222;
line-height: 1.45; line-height: 1.45;
} }
@@ -69,7 +69,7 @@ body {
} }
.section-title { .section-title {
font-size: 14px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #4478DF; color: #4478DF;
padding: 3px 10px; padding: 3px 10px;
@@ -88,14 +88,14 @@ body {
} }
.edu-school { .edu-school {
font-size: 14px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #222; color: #222;
} }
.edu-badge { .edu-badge {
display: inline-block; display: inline-block;
font-size: 10px; font-size: 12px;
color: #4478DF; color: #4478DF;
border: 1px solid #4478DF; border: 1px solid #4478DF;
border-radius: 4px; border-radius: 4px;
@@ -106,19 +106,19 @@ body {
} }
.edu-major { .edu-major {
font-size: 13px; font-size: 15px;
color: #888; color: #888;
margin-left: 10px; margin-left: 10px;
} }
.edu-degree { .edu-degree {
font-size: 13px; font-size: 15px;
color: #888; color: #888;
margin-left: 10px; margin-left: 10px;
} }
.edu-date { .edu-date {
font-size: 13px; font-size: 15px;
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
} }
@@ -128,7 +128,7 @@ body {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 2px 20px; gap: 2px 20px;
margin-left: 12px; margin-left: 12px;
font-size: 13px; font-size: 15px;
color: #252525; color: #252525;
line-height: 1.45; line-height: 1.45;
list-style: none; list-style: none;
@@ -159,7 +159,7 @@ body {
align-items: baseline; align-items: baseline;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 2px; margin-bottom: 2px;
font-size: 13px; font-size: 15px;
line-height: 1.45; line-height: 1.45;
} }
@@ -187,23 +187,11 @@ body {
min-width: 52px; min-width: 52px;
text-align: right; text-align: right;
margin-left: 4px; margin-left: 4px;
font-size: 12px; font-size: 14px;
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
} }
.cert-link {
color: #4478DF;
text-decoration: none;
margin-left: 8px;
font-size: 13px;
white-space: nowrap;
}
.honor-item .cert-link {
margin-left: 4px;
}
.honor-date { .honor-date {
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
@@ -220,20 +208,20 @@ body {
} }
.exp-company { .exp-company {
font-size: 14px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #222; color: #222;
} }
.exp-date { .exp-date {
font-size: 13px; font-size: 15px;
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
margin-left: 12px; margin-left: 12px;
} }
.exp-position { .exp-position {
font-size: 12px; font-size: 14px;
color: #888; color: #888;
flex: 1; flex: 1;
margin-left: 10px; margin-left: 10px;
@@ -241,7 +229,7 @@ body {
.exp-items { .exp-items {
margin-left: 12px; margin-left: 12px;
font-size: 13px; font-size: 15px;
color: #252525; color: #252525;
line-height: 1.45; line-height: 1.45;
} }
@@ -267,18 +255,18 @@ body {
} }
.proj-name { .proj-name {
font-size: 14px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #222; color: #222;
} }
.proj-role { .proj-role {
font-size: 12px; font-size: 14px;
color: #888; color: #888;
} }
.proj-date { .proj-date {
font-size: 13px; font-size: 15px;
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
} }
@@ -287,7 +275,7 @@ body {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-size: 12px; font-size: 14px;
margin-bottom: 2px; margin-bottom: 2px;
} }
@@ -299,7 +287,7 @@ body {
.proj-tag { .proj-tag {
display: inline-block; display: inline-block;
font-size: 10px; font-size: 12px;
color: #4478DF; color: #4478DF;
border: 1px solid #4478DF; border: 1px solid #4478DF;
border-radius: 3px; border-radius: 3px;
@@ -313,7 +301,7 @@ body {
} }
.proj-intro { .proj-intro {
font-size: 13px; font-size: 15px;
color: #252525; color: #252525;
line-height: 1.45; line-height: 1.45;
margin-bottom: 3px; margin-bottom: 3px;
@@ -330,7 +318,7 @@ body {
} }
.proj-work-title { .proj-work-title {
font-size: 13px; font-size: 15px;
font-weight: 700; font-weight: 700;
color: #222; color: #222;
margin-bottom: 2px; margin-bottom: 2px;
@@ -338,7 +326,7 @@ body {
.proj-work-items { .proj-work-items {
margin-left: 12px; margin-left: 12px;
font-size: 13px; font-size: 15px;
color: #252525; color: #252525;
line-height: 1.45; line-height: 1.45;
} }
@@ -352,7 +340,7 @@ body {
/* Skills */ /* Skills */
.skill-items { .skill-items {
margin-left: 12px; margin-left: 12px;
font-size: 13px; font-size: 15px;
color: #252525; color: #252525;
line-height: 1.45; line-height: 1.45;
} }
@@ -403,4 +391,21 @@ body {
print-color-adjust: exact !important; print-color-adjust: exact !important;
color-adjust: exact !important; color-adjust: exact !important;
} }
/* 两页双面排版:标题不落单在页尾,条目不跨页截断 */
.section-title,
.edu-header,
.exp-header,
.proj-header,
.proj-work-title {
break-after: avoid;
}
.honor-item,
.proj-intro,
.exp-items li,
.proj-work-items li,
.skill-items li {
break-inside: avoid;
}
} }