感觉简历页面还有优化空间,找时间又更新了一下。上一版的设计记在《新增了一个About个人简历页面》里,当时把简历单独提了个 HTML 页再用 iframe 嵌进 about,这版索性合并成单页重做了一遍。
最大的改动是把简历锁定在了 A4 的固定画布上。之前随容器整体等比缩放,屏幕一窄字号就跟着缩,看着费劲;现在主体直接固定 210mm 宽,容器够宽就居中,窄了横向滚动,版式不再随屏幕重排换行。好处是屏幕上看到什么样、导出来就是什么样,所见即所得。
打印这块也顺手重做了。@page margin:0 去掉浏览器自带的页眉页脚,再用 box-decoration-break:clone 把 padding 克隆到每个分页片段上,多页打印时每页留白一致,内容不会被硬件边缘裁切;最终内容宽 178mm,屏幕查看和导出的 PDF 逐字一致。导出 PDF 仍走 window.print 由浏览器完成,保留了链接和文本,比 html2pdf 那种"图片套 PDF"优雅。
顺带清理了一些历史遗留:业余项目和荣誉奖项的 div 嵌套理顺了;条目头部从 float 改成 flex(时间段靠 margin-left:auto 右对齐,长文本不再错位);联系方式换成 grid 布局。
头部也重排了。“个人优势"从单独一节挪到了头部右侧,和左边的照片、姓名、联系方式、技能标签并排,省掉一节的纵向空间,右列给文字留得更宽些。头像从长方形改成 22mm 方图,保持 1:1 不裁切。个人优势也由原来零散的五条精简成四条,每条前加了"技术能力"“算法基础"“AI实践"“综合素养"的分类标签并加粗着色,扫读更清晰。
各板块的描述整体润色了一遍。教育经历、工作与项目经历的措辞都重新组织过——像"创造吧!我们的星球"这种周期长的项目,把 DEMO 到上线、维护直至停服的完整生命周期,以及架构设计、安全排查、发行评审这些步骤都展开写了;支撑工具、新人培养、工程规范化也单列出来,比之前一句带过清楚不少。
今天又给"救赎之地"补了架构说明:整体是 UE4 客户端 + 原生 C++ 服务端架构;新手关没走单独部署战斗服的路子,而是让客户端直接运行战斗服代码,为此调整了消息调度的相关逻辑,兼容本地直连与正常网络通信两种模式,省去了新手关单独起战斗服的部署成本。
另外加了个独立预览模式,about 页带 ?standalone=1 参数就会隐藏博客框架只显示简历,方便单独分享或截图。右上角导出按钮也整合过:CALL 输密码解密联系方式(做了 AES 加密,明文放着不太好),HTML 打开独立预览,PDF 走浏览器打印,PNG 用 html2canvas 渲染。
简历这东西,大概就是隔段时间就想再调调,估计以后还会改。