折腾这个《圣骑士复仇之夜》官方网站，从头到尾就是我给自己找事干。
一：开局与定调
我当时就一个想法，得弄一个看起来像样点的东西，来证明我不是只会吹牛。这个“圣骑士”的项目，我从策划到设计到的部署，全都是自己一肩扛下来的。既然要分享实践记录，我就从最开始着手开干的地方说起。
刚开始，我拉了一台配置烂得要命的云服务器，内存小的跟手机App一样，但是没办法，穷。我心想这网站功能简单，就是个门面，够用就行。
敲代码前，第一步，我得把整体的视觉风格定下来。毕竟叫“复仇之夜”，肯定得是黑底、红边、冷金属的感觉。我扒拉了好几个素材网站，找了一些暗黑系的背景纹理，拼凑出了一个主色调。我嫌用现成的框架太重，启动速度慢，而且维护起来啰里八嗦的，就坚决决定直接上最原始的HTML和CSS，顶多加点原生的JavaScript，自己手撸一切。
二：过程与细节
我用了一个晚上，勾勒出了网站的主体框架：一个大的Banner图、一个介绍游戏故事的板块，然后是角色展示和联系我们。我没用那些花里胡哨的组件，就用最粗暴的定位和浮动把元素扔到它该在的位置。
小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我先动手写主页的`*`，把整个页面的骨架搭起来。接着就是CSS的活儿，这才是最耗时间的。我要让鼠标移动上去的时候，按钮有个闪烁的红色边框，这种小细节特别磨人。我反复调整了几十次，才把那个“复仇”的冷光效果搞定。
- 我用了两天时间，把所有图片素材修好并压缩，确保加载速度够快，用户打开网站不会干等。
- 我花了半天，把背景音乐的播放逻辑写进去，而且坚持做成了静音可切换的，免得一打开就吓人一跳。
- 我检查了移动端的兼容性，虽然只是个展示站，但也不能砸了招牌，调整了几个关键的响应式断点。
到我把所有的文件打包，传到了服务器上，设置了域名解析，然后兴奋地打开浏览器，看到它成功跑起来的那一刻，心里一块石头才算落了地。从头到尾，花了整整五天。
三：为什么要这么折腾？（我私人的事儿）
有人问我，搞个展示网站至于这么较真吗？又没多少流量。这事儿就不是为别人干的，是我跟一个老家伙的私人恩怨。
我之前在一家小公司里呆过，当时他们承诺一起搞个独立游戏的宣传站，我负责全部的技术和部署。我通宵达旦地做，结果网站刚一上线，那个老板转身就把我踢了，说我代码写得“太烂”，一分钱奖金都没发，还倒扣了我半个月工资。我气得当场就想砸电脑，但没卵用。
那段时间我日子难过，几乎把所有存款都花光了，就靠朋友接济着。我在家待业了足足四个月，天天盯着那个被他篡改后的网站，看着它隔三岔五就出Bug，隔三岔五就打不开，用户骂声一片。
后来我凭借自己实打实的作品，找到了一家正经公司稳定下来，日子才好过起来。
可那个老家伙？我听说他现在还在为那个烂摊子烦恼，找不到一个能维护我最初代码的人，因为他当初根本看不懂我的设计逻辑，现在请来的人也一脸懵逼。
我这回做这个《圣骑士复仇之夜》官方网站，就是要完整地展示一遍，一个真正靠谱的独立网站，该是怎么一个构建流程，用最简单、最稳妥的方式去实现。我发誓，这个网站五年内都不会给我找麻烦。这不是为了复仇他当初的欺骗，而是为了证明：靠谱这件事，你装不来，我实践出来了。