昨天捣鼓到凌晨两点，总算把那个独立游戏官网给折腾上线了。做官网这事儿，跟邻居老张来串门似的突然蹦进脑子里——上礼拜喝奶茶瞅见个像素风游戏特带感，结果想搜官网愣是没找着，得，干脆自己动手整一个。
掏家伙开干
大清早开电脑先把脚手架搭起来。vue-cli咔咔两下初始化完项目，转头就把element-plus怼进去。这玩意儿就像螺丝刀，平时不起眼，拧图标调表格全靠它活命。重点给导航栏加了hover特效，鼠标移上去图标蹦跶得跟跳跳糖似的，贼拉解压。
美术素材大作战
翻硬盘找出去年参加gamejam攒的素材包：
- 八方向行走图.zip
- 雪地地图切片.psd
- 掉帧版宣传视频.mp4
传云盘时候手滑把早餐豆浆泼键盘上了，擦半小时白忙活——这堆素材尺寸乱得跟狗啃的似的，连夜开了三罐红牛用gimp批量裁切。封面图拿blender渲了个低多边形角色，结果地面阴影糊成芝麻糊，气得直接改成剪影风格。
血泪经验：美术资源宁可做小别做大。那张3MB的标题图在手机端加载转圈转了五辈人，拿tinypng压到200KB才活过来。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
数据接屎山
最头秃的是游戏资讯模块。原先想着直接扒论坛帖子，结果人家防爬措施做得比银行金库还严实。猫着腰折腾一晚上puppeteer，差点给封IP。老实巴交搭了个json-server冒充后端：
[
{"id":1,"title":"新Boss战实机演示","thumb":"*"},
{"id":2,"title":"钓鱼系统翻车实录","thumb":"*"}
路由配置手抖把/news写成/nes，跳转404时候还以为闹鬼了。
上线翻车实录
按F12查移动端适配那会儿差点心梗——在4K屏调得倍儿帅的网格布局，到手机直接叠罗汉。赶紧把flex-wrap从nowrap改成wrap，font-size从px换成rem。测试支付按钮时候更邪门，点完跳转空白页，查半天发现是微信支付接口要备案域名。临时拿收款码图片顶上，评论区瞬间被[求支付宝]刷屏。
半夜收工感悟
瘫在椅子上看凌晨两点的月亮，突然想起十年前学dreamweaver做班级主页的菜鸡样。现在虽然还是会被CSS虐到抓狂，但至少知道怎么用开发者工具揪bug了。做官网跟拼乐高似的，模块化堆着堆着就像那么回事。留了个彩蛋在404页——画了个哭唧唧的像素小人，点击二十次触发隐藏小游戏。这玩意儿上线三天只有我自个儿玩过。
对，昨天老张发消息问官网链接，我直接把GitHub pages地址甩过去。老头琢磨半天憋出句：“这黑底绿字代码框……你们搞IT的是不是都好这口赛博风？”
