今天琢磨着给自个儿弄个专属网站，想着模板这玩意儿应该挺简单，结果一上手才发现里头门道不少。干脆把折腾过程记下来，说不定能帮到跟我一样的新手。

先捋清楚要干啥

我寻思着得先定个基调：网站要放啥内容？风格是活泼还是严肃？翻了半天别人的模板，决定做个极简风格的，主要就展示我的文章和联系方式。毕竟搞太复杂容易跑偏，先解决有没有再说好不

从画草图开始折腾

抓了张废纸就开始画框框：导航栏放头顶，中间一大块留给文章，边上塞个小名片。用铅笔画了擦擦了画，折腾半天才搞出个能看懂的布局。这步太重要了，后面写代码全指着这张鬼画符。

打开编辑器哐哐敲代码

打开编辑器先建了个html文件，照着草图用div标签搭积木。刚开始布局老是跑偏，后来发现得用flex布局才把栏目撑开。调间距调到眼瞎，总算把导航栏和内容区怼整齐了。

• 标题用h2标签加粗放大
• 正文段落全塞p标签里
• 图片记得加alt描述

给网站穿衣服（写CSS）

最头疼的来了——调颜色配字体。试了十几种蓝色才选中那个不扎眼的，字体大小改了二十多次才保证手机电脑看着都舒服。关键技巧就仨：色系统一、留白充足、字体别超过两种。

查漏补缺

用手机划拉半天发现图片加载慢，压缩完又担心模糊度。突然想起能懒加载，赶紧给img标签加loading="lazy"。顺手把导航栏固定在了页面顶部，这样滚动时也能随时跳转。

完事儿后刷新页面看了半天，虽然比不上专业模板，但每个像素都是亲手调的。新手千万别怕丑，多改几次自然就顺眼了。下次试试给网站加个留言功能，那又是新坑了。