一拍脑袋，决定自己建个官网
我这人有个毛病，就是想到了什么，非得立刻动手做出来。最近不是一直在捣鼓那个叫“欲之梦”的小游戏概念嘛虽然八字还没一撇，但我觉得，一个好东西，必须得有个门面撑着。那天晚上，我给自己拍板了：我要把“欲之梦游戏官网”给搭起来，从零开始。
我可不想用那些傻瓜式的建站平台，那个东西做出来根本没有自己的灵魂。我得硬着头皮，把以前学的那些HTML、CSS和一点点JavaScript重新捡起来。这可真是一次考验，毕竟我日常工作根本不碰这些前台的东西了，手都生锈了。
撸起袖子，从结构到视觉的折腾
我先把整个网站的结构图在纸上画了一遍。官网嘛无非就是几个大板块：首页展示、游戏特色、截图/视频、以及一个看起来很酷的预注册入口。我决定先从最难的首页开始搞起。
- 第一步：骨架搭建。我先用最原始的HTML把各个区域框死了。光是想清楚“盒子”之间的关系，就花了我一整个下午。我得确保它在我的大显示器上和手机上看，都不会乱套。
- 第二步：视觉定调。“欲之梦”这个名字听着就有点迷幻，所以主色调我选了深蓝和一点点紫，配上一些霓虹光效。但真正在CSS里写出来的时候，那叫一个痛苦。那个背景图，我光是找素材、裁剪、压缩，就折腾了快十个小时。因为图片太大，加载速度慢得像乌龟，我反复优化了好几遍，才达到一个能接受的速度。
- 第三步：动态效果的挣扎。官网不能是死的，得动起来才够炫。我尝试着加了一个视差滚动的效果。别提了，这个效果把我折磨得够呛。每次我以为它好了，一换浏览器，它又给我跑偏了。我翻遍了能找到的所有论坛，才发现，是我的CSS选择器写错了，一个逗号的位置不对，它就给我搞砸了。那两天，我感觉我的头发都快掉光了。
部署上线，遇到的那点糟心事
代码写完了，看起来在本地跑得挺顺畅。但这玩意儿得放到网上才算数。我找了个我以前常用的服务器，打算把它扔上去。结果，又是新一轮的折腾。
我把文件FTP上去后，发现网站的字体全部乱码了。我当时就蒙了，本地明明好好的！我查来查去，才发现是服务器那边的编码设置和我的文件编码对不上。我改了配置文件，重启了几次，折腾了快四五个小时，它才终于乖乖地显示出了正常的中文。
然后是移动端适配的问题。我以为我写了响应式布局，就万事大吉了。结果我用老婆的手机打开一看，截图部分直接溢出屏幕了。我赶紧又回去修，调整了媒体查询的断点，把图片最大宽度设成100%，又在深夜里改了两个小时，才算是勉强搞定。
为什么非得折腾这个官网？说来话长
你可能会问，我一个平日里忙得要死的家伙，干嘛非得在这个假想的官网上下这么大的功夫？这背后有个小插曲，或者说，是我给自己设的一个局。
去年年中，我不是接了一个大项目嘛那个项目要求用一个我完全没碰过的新技术栈。我当时信心满满，觉得凭着我以前的经验，学个新东西还不是分分钟的事情。结果？项目做到一半，我发现很多底层逻辑我根本搞不明白，硬着头皮做出来的东西，漏洞百出，被甲方骂得狗血淋头。
项目最终虽然勉强交工了，但那次打击挺大的。我发现我太依赖以前的经验了，一旦遇到全新的挑战，立马掉链子。这事儿在我心里一直是个疙瘩。
我这回决定做“欲之梦游戏官网”，就是给自己一个证明：我还能学，我还能实践，我还能从头到尾地啃下一个全新的技术挑战。虽然它只是个网站，但从设计、编码、到部署上线，每个环节都是我一个人磕下来的。当我看到那个页面终于稳稳当当地显示在我所有设备上时，那感觉，比我当年拿到第一个大项目还要踏实。
现在这个官网算是跑起来了，我就得开始琢磨怎么把真正的游戏内容往上填了。这又是一个新坑，但我不怕，我享受这种从无到有的折腾过程。