视灵1官网

决定动手整官网

我先琢磨着给视灵1项目整个官网，因为这玩意儿是个人项目，放在网上让大家瞅瞅，能拉点人气儿。一开头我就想搞个简单的静态页面，省钱又省事儿。

• 下载了Visual Studio Code，安装
• 开始学HTML和CSS基础，看了一堆网课，脑子都看晕了。
• 动手写代码，先整个首页，结果排版乱糟糟的。

折腾了几天，页面勉强能看了，但一刷新就不行。

遇到坑爹问题

中间卡壳儿了，图片加载慢得像蜗牛，还老是跳错。我试着用Git上传代码，可版本控制弄得一团麻，不小心删错文件。

• 蹲在电脑前头，调试CSS样式，改了一遍又一遍。
• 上网查资料，结果一堆乱七八糟的教程，压根儿没帮上忙。
• 问朋友支招，改用Bootstrap框架，省了半个力气。

这才算稳当点，页面能正常显示了。

优化和上线

搞定了基本功能，我开始加点花活儿。添加响应式设计，让它手机电脑都能用。

• 测试各种浏览器，Chrome还火狐上蹦出兼容性问题。
• 优化加载速度，压缩图片大小。
• 上传到服务器，选了个便宜的云托管。

折腾完一看，官网上线成功，访问流畅不少。虽然过程磕磕绊绊，但学到的东西老多，下次再整肯定少踩点坑。