今儿个就说说我怎么捣鼓那个微小的我游戏官网的事儿。这事儿起因也挺随意的，就年前在家闲得无聊，刷短视频看到一堆人自己做小游戏官网，我就心痒痒，心想咱也试试呗。手头有个小破游戏，就叫“微小的我”，是个像素风格的闯关游戏，琢磨着该弄个地儿让玩家下载和看看介绍。
一、脑门一热就开始动手
先找了张纸，草草画了几个官网该有的部分。想着首页得有个大大的游戏名，再加点下载按钮和截图。开头那会儿真麻溜，直接坐电脑前，打开浏览器搜了个免费编辑器工具（叫啥来着忘了），反正就是个能拖拽的那种。第一版设计图乱糟糟的，文字大小不对，颜色还花里胡哨的，看着跟土味儿广告似的。
捣鼓了半天，发现光画图不够，得搞点代码。手抖着用记事本写HTML，开头几行就出错，浏览器打开后啥都不显示，白屏一大片。气得我直拍桌子，跑去论坛问人，老哥们都说漏了个标签括号。改完才勉强出来个破烂页面，写着“微小的我游戏官网”，底下空荡荡的。
二、慢慢填内容细节
开始往页面上塞东西。先弄了个游戏截图板块，传了几张图上去，结果图片太大加载慢，玩家进来得等半天。试了好几遍才压缩了尺寸，上传的时候还忘改路径，显示错误图标红叉叉。真费劲，又得回编辑器里调整文件位置。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
后来加按钮和链接，下载按钮点完没反应，查了下是代码里缺了事件绑定。学了个简单的JS函数来触发下载动作，写起来超磕巴，第一遍函数名还写错了，页面直接崩掉。鼓捣到凌晨，总算能点了，下载地址链到游戏文件（本地存的一个文件夹，没敢公开）。
- 图片压缩了两次，总算不卡了。
- 按钮代码重写三遍，测试了十来次才正常。
- 文字介绍就复制游戏文档贴上去，没咋排版。
到这儿以为轻松了，结果手机上一看，布局全乱套，按钮挤一块儿。查出来是CSS没适配响应式，宽度设置固定值，手机屏小就给挤飞了。硬着头皮学媒体查询，调了几行值，终于在不同手机上显示对齐。
三、遇到的坑和填法
整个过程没少踩雷。最大的一坑就是访问速度慢，传了个动画效果，用了点GIF图，玩家反馈加载时间太长。我删了动画换成静态图片，省事了。还有就是上线前自己点着玩，发现游戏截图页面来回跳转时卡住，排查半天是函数重复调用，没加条件判断。随手改了下代码逻辑，测试了几十遍才稳当。
部署时候更折腾，找了个免费主机空间，传文件上去访问不了，报404错误。问客服才知道文件夹结构不对，根目录少了个默认首页文件，改完命名才正常。折腾了两天两夜，看着官网能打开了，心里才踏实。
四、搞定后的那点想法
搞完了官网，玩家群里一堆人下载游戏，挺有成就感。但回头想想，真就是个小而糙的玩意儿，设计简陋得很，没动态效果，功能也少。好处是学了一堆基础操作，比如写标签、改样式，以后弄复杂点的可能顺手点。
这事儿告诉我，一开始别想着整多高端，简单点起步省事。不过下次再搞，估计还是得踩点新坑。
