昨天有个读者私信问我，说想自己捣鼓一个个人网站，但看到模板就头大，完全不知道从哪儿下手。我一想这问题挺典型，干脆把自己的折腾过程记下来，给小白们参考参考。

先找个顺眼的模板

我直接去网上搜了个免费的个人中心模板，下载下来一看，好家伙，一堆文件夹和文件，密密麻麻的代码看得我眼晕。不过既然答应了要写教程，硬着头皮也得搞。

从最简单的文字改起

我琢磨着，得先找个能看懂的地方开刀。用记事本打开了那个叫index的文件，一眼就看到了标题和自我介绍。这简单，直接把我自己的名字和介绍敲进去替换掉原来的。保存一下，用浏览器打开一看，真改过来了！信心顿时涨了一截。

换张自己的头像试试

接下来想换掉模板里那个默认的头像图片。我在文件夹里翻来翻去，终于找到一个叫images的文件夹，里面果然有张avatar的图片。我把自己的照片也改成同样的文件名，直接拖进去替换掉。刷新页面之后愣是没变，折腾半天才发现浏览器有缓存，清了缓存才显示新照片。

调颜色差点把我整崩溃

最头疼的是改颜色。模板整体是蓝色的，我想换成绿色系。找了好久才发现有个style的文件控制样式。里面一堆看不懂的代码，我就盯着background-color和color这些词找，找到一处改一处，改完就刷新页面看效果。结果改得五颜六色的，后来才发现有个地方统一定义了颜色变量，改那个地方一下就全变了。

删掉用不着的功能块

模板里有些功能我用不上，比如什么项目展示、技能进度条。我试着找到对应的代码段，直接整段删掉。结果页面布局全乱套了，吓得我赶紧撤销。后来学乖了，先复制备份再动手，或者干脆用注释先屏蔽掉看看效果。

这么一步步折腾下来，虽然中间出了不少岔子，但总算把模板改成了自己想要的样子。小白改模板真不用怕，记住先备份、小步改、多刷新这三点，慢慢摸索总能搞定。