决定要搞个官网，这事儿得从头说起
最近琢磨着手头那个小游戏得有个门面，光靠在群里喊大家去玩没用，得搞个正式点的“脸面”。我就一拍桌子决定了，自己动手，丰衣足食，建个《Inari》的下载官网。页面不用复杂，就一个页面，把介绍和下载按钮所有东西都塞进去。这活儿，我本来觉得两天能搞定，结果？前前后后足足花了四个晚上，中间折腾得我差点把键盘都砸了。
第一步：搞素材，找感觉，确定主色调
我不是那种拿到需求直接开编辑器的人。干活之前，我先去扒拉了一圈市面上大厂的游戏网站，看他们怎么排版，怎么放那个巨大的“立即下载”按钮。我发现，颜色要猛，对比要强，背景得够炫，但又不能抢了按钮的风头。光是找一张符合游戏主题的背景图，我就在图库里翻了快两个小时。是找了张带点日式风格的云雾图，用PS简单糊弄了一下，确保它够暗，能衬托住上面的文字和按钮。
第二步：开敲代码，排版是老大难问题
我没用那些花哨的大框架，就老老实实地自己撸HTML和CSS。现在谁还只看电脑？手机用户才是主力。所以第一件事就是确定响应式布局。我先写了一个超级简单的Flex容器，把logo、游戏介绍、下载按钮三大块定死了位置。中间那个游戏截图展示区，我一开始用了现成的Swiper轮播库，结果发现引入的JS文件太大了，页面加载慢得像蜗牛。我一看，不行，这不是我的风格，太重了！
- 我直接把Swiper删了，换成了原生的CSS动画配合简单的JS控制，卡顿立马没了，速度飞快。
- 最重要的下载按钮，我直接用一个大大的渐变色块包住，鼠标悬停必须得有反馈，要让用户一眼就看到，手痒痒想点下去。
- 为了让页面显得不那么空，我还在页脚塞了几个版本号和小小的版权信息，显得正规点。
第三步：的测试和收尾
代码敲完，我得把浏览器各种尺寸都拉一遍，从手机小屏到电脑大屏，确保字体不跑偏，按钮不挤压。最关键的，就是那个“立即下载”功能。我一开始只是简单地链接了一个本地文件。后来我想了想不行，万一以后要统计下载量？我就临时搭了个简易的Node服务，让按钮点击的时候先记录一个日志，再跳转到实际的CDN地址。虽然多费了点事，但数据总得抓到手里才踏实。那天晚上搞定上线，看着自己的网站跑起来，虽然简陋，但那种踏实感，比什么都强。下次我打算把支付功能也给它加上，那估计又得是好几个通宵的活儿了。