今天折腾了一整天个人作品集网站模板，总算搞出个能看的模样了。这事儿琢磨好久了，一直想有个地方能集中展示自己的东西，但每次都被各种花里胡哨的功能吓退，觉得太复杂。

从最简单的开始

我寻思着，先别管那么多，找个最基础的框架搭起来再说。我就打开编辑器，新建了个html文件，上来就先写了个标题和几句自我介绍。对，就那种“大家我是xxx，喜欢干啥啥”的大白话。

然后我就卡壳了。光秃秃的文字也太难看了，得加点样式。我又不想用那些现成的库，感觉太臃肿。我就自己手写CSS，先定了个大概的色调，选了种看着舒服的蓝色当主色。调边框圆角就花了半小时，总感觉差那么点意思，不是太圆就是太方。

内容分区让人头疼

接着开始规划放哪些内容。我列了个单子：

• 个人介绍区域，放张照片和简短说明
• 作品展示区，得能放图片和描述
• 技能列表，简单写几个关键词
• 联系方式，放个邮箱啥的

排版的时候特别纠结，用flexbox，老是对不齐；用grid，又得算格子。干脆用最笨的办法，每个部分用div包起来，设置好宽度和边距，虽然土但好歹能看。

响应式布局是个大坑

用电脑看着还行，一用手机打开，全乱套了。图片太大撑破屏幕，文字小得看不清。我又赶紧加媒体查询，给手机屏幕单独写样式。这个过程特别磨人，得不停地刷新页面、调整窗口大小，反复测试。

总算弄出个勉强能自适应不同屏幕的版本。虽然细节还有很多不满意的地方，比如按钮的悬停效果有点生硬，部分间距不太协调，但整体框架算是立起来了。先这样，以后有空再慢慢优化。反正做这种东西就是个不断修修补补的过程，急不来。