说干就干：从迷上游戏到自建官网
我这个人就是这样，要么不碰，一旦迷上一个东西，就得把它吃透。最近就是《女巫之下》这个游戏，剧情和美术风格，直接把我拿下了。但官方那个宣传页，我看了，太敷衍了。当时我就想，不行，这游戏值得一个更好的门面。
我工作里天天跟那些大项目、微服务架构打交道，搞得头都大了。这回建官网，我就给自己定了个规矩：能多简单，就多简单，拒绝一切复杂系统。我就是要搞一个纯静态的网站，速度要快，维护要零成本。
定调子：工具和风格的拍板
我第一步是干肯定是选工具。平时用那些大框架用腻了，这回我直接放弃了任何带数据库的CMS。WordPress？拉倒，我可不想天天处理插件更新和安全漏洞。我想要的是那种纯粹的手工活儿。
我当时拍板定了几个东西：
- 主体结构：纯粹的HTML5和CSS3，顶多加点原生的JavaScript，搞点视觉效果。
- 设计风格：必须是“女巫”味儿的。深色背景，那种古老的羊皮纸质感，还有一些细小的、不规则的边框元素。
- 内容采集：我直接去Reddit和Discord上扒拉官方放出来的设定集和高清截图。
域名和主机？那都不是事儿。我直接搞了一个便宜又好记的，然后租了个最基础的共享主机，反正静态内容，随便扔哪儿都能跑起来。
撸代码：视觉氛围的营造是重点
我撸起袖子就开始写了。这回跟平时工作不一样，工作要求的是效率和可扩展性，我这回要求的是“感觉”。
我把所有精力都砸在了CSS上。我先是花了一整天时间，去调那个主页的背景色。必须得是那种深邃的墨绿色，带着一点点幽暗的紫。我试了十几种颜色代码，才最终确定下来。
然后是字体。这个游戏本身的文字风格就很复古，所以我特意去网上找了几套免费的、带有衬线体感觉的字体。我可不想用那些系统默认的宋体或者微软雅黑，那样就太没内味儿了。
在细节实现上，我遇到了第一个小坎儿。我想让网站首页实现一个微弱的、持续的“微光”效果，模拟女巫世界里那种摇曳的烛光。我尝试用CSS动画来写，结果效果太生硬了。我琢磨了好久，是用一个半透明的、随机抖动的SVG图层，叠在背景上面，配合一点点模糊滤镜，才勉强做出那种“不安分”的光影。
内容填充：结构决定一切
光有架子没用，内容才是王道。我给自己定下三个板块：故事背景、角色档案、最新消息。
- 故事背景：这里我直接用了一个很长的、单列的文本块。我把官方放出的所有背景故事都整合进去了，做成了那种很像卷轴展开的视觉效果。用户滑动鼠标的时候，就像在缓缓拉开一张古老的地图。
- 角色档案：这是个大头。我用了一种卡片式布局，每个角色一张卡，正面是精美立绘，背面是简短的设定介绍。我当时为了让这个卡片翻转的动效流畅，光是优化JavaScript的事件监听和CSS的transform属性，就熬了一个通宵。
- 最新消息：这个最麻烦。我不想手动更新，但又不想引入数据库。怎么办？我后来想了个土办法：我直接嵌入了一个Discord的RSS输出，通过JavaScript去抓取和格式化，这样就能实现半自动更新了。虽然有点糙，但完全符合我“简单就是美”的原则。
整个过程中，最让我抓狂的还是图片优化。游戏截图和立绘都是高清的，原始文件动不动就几兆。如果直接放上去，网站加载速度会慢得像蜗牛。我当时是用了一个开源的图片压缩工具，一张张图片去跑，去调那个压缩比和画质的平衡点。硬生生地把几百兆的素材，压到了不到二十兆，才敢安心部署。
部署上线：一个痛快的收尾
所有东西写完之后，我深吸一口气，开始部署。我直接把整个文件夹打包，FTP上传到我那个共享主机上。部署过程顺利得让我有点意外，可能就是因为没有后端，没有复杂的配置，纯粹的静态文件，丢上去就能跑。
我把网址发给我几个也玩这游戏的朋友，他们点进去，第一反应就是：“卧槽，这比官方的强多了，速度又快，感觉对了！”听到这话，我心里那个踏实。
这回实践，我真没用什么高深的技术。就是回归了最基本的开发方式。但正是这种回归，让我找到了乐趣。很多时候，我们总想着堆砌最新的技术栈，解决并不存在的复杂问题，反而忘了，用户要的，往往只是一个速度快、体验好、有氛围的简单网页。这回建站，就是我给自己在工作之外找的一剂清醒药。看着那个深色、带着点神秘感的官网在我自己的服务器上跑着，成就感，值了。