今天心血来潮，想搞个简单的个人主页，就那种最基本的静态网页。记录一下我的折腾过程。

第一步：准备工作

我这人比较懒，不想从零开始一点点敲代码。所以先去网上扒拉扒拉有没有现成的模板，还真找到不少，挑个顺眼的，下载下来。

第二步：修改内容

模板是有，但里面的内容都是人家的，得改成我自己的。我用的是 VS Code，这玩意儿打开挺快，还有各种插件，用起来方便。把下载的模板文件夹拖进去，开始改！

• 改标题： 找到 <title></title> 标签，把里面的字儿换成我的名字，或者我的网名啥的。
• 改文字： 找到那些 <p></p> 标签，把里面的段落文字换成我想说的话，比如自我介绍、兴趣爱好啥的。
• 改图片： 找到 <img> 标签，把 src 属性里的图片地址换成我自己的照片地址。这一步稍微麻烦点，我得先把照片上传到某个地方，弄个链接出来。
• 删掉不要的： 模板里有些东西我用不着，比如什么“联系方式”、“友情链接”之类的，直接把那些代码段删掉。

第三步：调整样式

基本内容改完，但看着还是有点别扭。颜色、字体啥的，跟我的风格不太搭。这时候就要改 CSS 。找到那个 .css 文件，打开。

• 改颜色： 找到那些控制颜色的代码，比如 color: #xxxxxx; 或者 background-color: #xxxxxx;，把 #xxxxxx 换成我喜欢的颜色代码。
• 改字体： 找到 font-family: xxx;，把 xxx 换成我喜欢的字体名字。
• 改布局： 这个稍微有点复杂，我也不太懂，就稍微调调那些 width、height、margin、padding 之类的属性，让页面看起来更顺眼点。

第四步：预览效果

改得差不多，得看看效果。直接双击那个 .html 文件，浏览器就打开。看看有没有哪里不对劲，再回去改改。

第五步：大功告成

来来回回改几次，终于满意。我的第一个静态网页就这么诞生！虽然很简单，但还是挺有成就感的。以后有啥想展示的，都可以往上放，方便！

这回分享就到这里，希望能帮到对静态网页感兴趣的朋友，上手做起来还是蛮简单的。