说起来，做这个《爱丽丝传说》的官网，完全是因为我看不下去现有的那些站子了。你说好好的一个IP，网上的资料页做得跟上世纪的论坛似的，点进去各种广告和弹窗，想找个最新的角色设定图，都能把我气个半死。那阵子我刚忙完手头的活儿，寻思着得找点事儿折腾折腾，就决定自己动手，搞一个干净、纯粹的“官方门面”。
定方向：不折腾就是生产力
我这人有个毛病，做个人项目就怕半途而废，所以我一开始就给自己定了一个基调：少用后端，能用静态就用静态。我可不想天天操心数据库的备份和安全问题。我直接选定了一套轻量级的静态网站生成器，配合Markdown来写内容。这样一来，我只需要关注内容和展示，维护起来非常轻松。
- 抓服务器：我直接翻出了家里角落吃灰的迷你主机，系统重新装了一遍，配置好Nginx。虽然性能一般，但跑个静态站绰绰有余。
- 选主题：我跑遍了几个开源社区，扒拉了几十个模板。结果发现，不是太花哨就是太重，跟“爱丽丝”那种简约梦幻的风格完全不搭。没办法，我直接找了个极简的CSS框架，准备自己动手一点点堆砌细节。
实施阶段：纯靠手抠的细节
从开始动工到初步上线，我差不多用了一个周末的时间，把大部分基础结构都给它搭了起来。
最磨人的就是素材和配色。
我发现，要体现“官方”感，图片质量是关键。我打开游戏，挨个场景跑了一遍，专门找那种没有UI干扰的高清截图。光是把这几百张图用工具压缩一遍，同时保证清晰度，就花了将我大半个晚上。要是直接扔原图上去，手机用户早就卡死了。
是内容整理。这个传说系列的设定集东一块西一块，有的在小说里，有的在游戏里。我得一个一个字地去比对，把那些已经废弃的设定和最新的官方剧情给它分个类，整理清楚。为了让用户查阅方便，我设计了一个多级导航结构，确保无论是查“角色背景”还是“世界观历史”，都能在三次点击内找到。
我手撸了导航栏和页脚的样式，主要用的是那种清新的“爱丽丝蓝”和米白色。光是调整那个渐变的色值，我就对着代码改了十几遍，就为了让它看起来舒服又不刺眼。整个页面的骨架都是我自己敲出来的，虽然不算复杂，但每一个布局都确保了响应式效果，哪怕是用最小的手机屏幕打开，内容也不会乱跑。
收尾与心得：上线后的“修BUG大会”
静态文件终于生成我一股脑用SFTP扔到了服务器上。我满心欢喜地打开网站，结果发现……图片路径全崩了！当时差点没把我气死。原来是服务器和本地的路径大小写不一致，我赶紧连夜改了配置文件。
第二次打开，速度是快了，但几个板块的内容显示出了一点乱码。这回是编码问题，我又折腾了半小时，确认所有的头部和文件都设置成了UTF-8，这才算稳定下来。
这个官网算是实打实地跑起来了。虽然它只是个静态站，但它稳定、快速，而且信息清晰。从一个“看不下去”的念头，到真的把它给砸出来，整个过程累归累，但那种把自己的想法变成现实的成就感，真是比喝冰阔落还爽。下次有空，我再分享下我是怎么给它加上一个站内搜索功能的，那又是另一堆的麻烦事儿。