自己动手做个人网页模板
用VS Code建三个文件,写HTML结构、CSS样式和简单JS交互,做成可复用的个人网页模板,最后部署到免费平台。
先选工具罢了。新手用VS Code,免费。不想装软件,用在线编辑器也行。
建一个文件夹,里面放三个文件:index.html、style.css、script.js。名字别改,浏览器认这个。
打开index.html。写基础结构:html、head、body。head里放,写自己名字。body里放头像、简介、联系方式。别堆太多,三块就够。
接着写style.css。先定全局:字体用系统默认,背景浅灰,文字深灰。然后调布局。头像圆形,宽120像素。简介居中,行距1.6。联系方式排一行,链接去掉下划线。颜色别超过三种。主色选蓝或绿,辅色白和灰。
写script.js。加个简单交互:点击头像切换夜间模式。或者做个返回顶部按钮。代码不超过20行。多了就是给自己找麻烦。
模板要能复用。把头像、名字、简介抽成变量。换人时只改这几处。样式里用CSS变量管颜色,改一处全站变。
测试。浏览器打开index.html。按F12看手机模式。宽度调到375像素。文字别溢出,按钮别太小。改到顺眼为止。
最后呢保存。整个文件夹压缩成zip。上传到GitHub Pages或Netlify。免费,还能绑自己域名。
别追求花哨。模板干净、加载快、手机能看,就够了。做完一个,以后改十分钟的事。

