feat: 优化央国企简历排版与内容结构
- 全文字号统一放大 2px,按双面两页规划版面 - 新增打印分页规则,避免标题落单、条目跨页截断 - 移除证书链接、CSDN 与文档站入口 - 目标岗位精简为「后端开发工程师」,去掉 banner 开发语言标签 - 专业技能移到教育经历之后,改为「标签: 表述」格式 - Context/Harness Engineer 中文化(上下文工程、驾驭工程) Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
+15
-28
@@ -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
@@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user