今天折腾了一天个人网站主页模板，总算搞出个能看的版本了。这事儿说起来也挺简单的，就是找个现成的模板改改，但真动手才发现一堆细节要抠。

先从找模板开始

我直接打开平时存素材的文件夹，翻出来五六个以前收藏的模板。一个个点开看，不是颜色太花哨就是布局太复杂。选了个最素净的，白底黑字带点灰色阴影，看着像那么回事。

动手改结构

用代码编辑器打开HTML文件，先把头图给换了。原本是个风景照，我直接删了，换成自己用画图软件涂的色块。然后重点改导航栏，把“产品介绍”“联系我们”这些虚头巴脑的栏目全删了，就留了“日志”“项目”“关于我”三个按钮。

• 删了轮播图模块，那玩意儿又卡又没人看
• 把侧边栏的社交图标换成纯文字链接
• 在主页正中间加了个手写体签名，虽然字体调了半小时才不歪

调样式调到头秃

CSS文件里颜色值改来改去，先是把蓝色主题色改成暗红色，结果搭配灰色背景像血渍。又试了墨绿色，干脆全改成黑白灰。最折腾的是响应式布局，手机上看总有一行字会挤出去，只能把字体大小用百分比重新设了一遍。

中途浏览器预览了不下二十次，每次改完都得意洋洋刷新页面，结果不是图片错位就是间距诡异。有次把导航栏的阴影效果删了，整个页面突然像贴在屏幕上一样平，赶紧又滚回去把阴影代码粘贴回来。

收尾的蠢事

本来以为大功告成，顺手把临时用的图片文件名改成了“final_version”，结果网页上所有图片全裂了。愣是查了十分钟才想起来是文件名冲突，气得我往嘴里猛灌了两口凉水。现在模板总算能看了，虽然还有点毛糙，但先这样，下次再改。

对了，你们要是也想弄个人主页，记得别学我乱改文件名。还有导航栏别超过五个按钮，不然看起来像菜市场招牌。