今天想聊聊做网站简历模板这事儿，一开始就是觉得网上那些模板要么太花哨，要么太死板，干脆自己动手搞一个。

先琢磨需求

我打开电脑第一件事就是瞎琢磨，到底要做成啥样。想着反正自己用，干脆就弄个干净清爽的，信息能一眼看清楚就行。太复杂的动画效果全砍掉，加载慢还容易卡。

动手写结构

打开编辑器直接敲HTML，先搭个框框。从上到下分三块：头部放名字和联系方式，中间塞工作经历，底下摆技能和爱用div一层层包起来，跟搭积木似的。

• 名字用h2加大加粗
• 电话邮箱就用普通段落
• 每个工作经历单独用section包着

调样式最头疼

写CSS的时候试了好几种配色，选了灰白配蓝色标题。左边栏想放头像结果发现图片总变形，折腾半天才想起用object-fit: cover。手机上看的时候排版全乱套，又手忙脚乱加了一堆media query。

专门写了个print的CSS，把背景色全去掉，结果发现超链接的下划线打印出来巨丑。赶紧加上@media print把下划线全删了，还在简历末尾塞了个“更新日期”。

测试环节

用不同浏览器打开看效果，发现火狐的字体渲染跟chrome差好多。干脆把字体全改成系统自带的雅黑。顺手加了段JS，点击邮箱自动复制到剪贴板，虽然简单但感觉挺实用。

完事之后把代码扔进文件夹，心里琢磨着下次改版要不要加个暗色模式。不过现在这样已经够用了，先这样。