从一个赌气开始的官方网站实践
我得先交代一下，我一个做后端维护的，怎么就跑去折腾什么“爱丽丝传说”的官方网站了。这事儿说起来挺窝火的，跟我去年被强制休假那段时间有关系。
那时候公司因为项目调整，把我这一批人直接晾在家里，说暂时不用来，工资也只给发基础生活费。我心里那叫一个不服气。我寻思着，我在公司干了快十年，说停就停？刚好我儿子天天缠着我看那个叫“爱丽丝传说”的动画片，嚷嚷着要找官方资料，结果网上的粉丝站做得一塌糊涂，全都是乱七八糟的广告弹窗。我当时就跟媳妇儿吹牛说：“我随便动动手，都比他们做得像样。”
媳妇儿白了我一眼，说：“你不是一直说你只会写点跑数据的后台代码吗？能搞定前端？”
我这人最受不了激将法。行，我就要证明给她看，我老李头不是只能在命令行里敲代码。这个“爱丽丝传说官方网站”的实践，就是我那段时间在家“赌气”的产物。
从零开始：定下主基调和工具
既然决定要做了，就得从头来。我当时给自己定了几个规矩：要快，要省钱，要看起来正规。
-
第一步：选个能跑起来的窝。我直接在某家便宜的云服务商那里租了个最最低配的主机，那叫一个卡，但好歹能跑。域名我选了一个看着像那么回事儿的后缀，没敢买太贵的，花了不到五十块钱就搞定了。当时拿到域名，心里还有点小激动，感觉自己真要搞个大工程了。
-
第二步：找个能穿的衣服。我压根儿没打算自己从头写界面代码，那太慢了。我直接去模板市场翻箱倒柜，找了一个主题是“科幻探险”的模板。这个模板结构很干净，颜色偏蓝紫，跟“爱丽丝传说”的奇幻风格还挺搭。我主要就是看中它有个“公告栏”和“资料库”的功能，用来放更新信息和角色介绍最合适不过
-
第三步：动手搭建和调试。我是真不熟前端那一套，一开始装模板，图片链接全崩了。我花了整整两天时间，才搞明白这个模板的目录结构。主要是它用的那个框架我之前没接触过，每次调整样式，都要等好久才能刷新出来。那段时间，我基本就是白天看儿子动画片，晚上猫在电脑前跟代码较劲，把动画片里的那些角色图、场景图都抠出来，一张一张往里塞。
内容填充与细节完善的坎坷路
真正开始往里填内容的时候，我才发现这才是最耗时间的活儿。我得让它看起来像个真正的“官方”网站，而不是一个随便糊弄的个人博客。
我捋了捋思路，网站要放这些东西：
- 世界观和故事线：我得把动画片和游戏里零散的故事线整理出来，写成一篇篇正式的介绍文字。为了显得专业，我还特意模仿了官方的语气，写什么“次元壁的破碎”“勇者的试炼”，写得我自己都快信了。
- 角色卡和装备表：这个最麻烦，每一张卡片的数据、背景故事、技能介绍，我得暂停动画，一个一个画面去截图、裁剪、编辑。这中间出了无数次差错，比如角色的属性是“火系”还是“光系”，我光是查资料就花了一整晚。
- 新闻和公告模块：这个很简单，我直接写了一条“本站正在筹备中”的公告，然后设置了一个自动更新的功能，假装这个网站每天都有维护。
最让我头疼的是响应式设计。我发现我在电脑上调得好好的，一用手机看，排版就乱套了，图片挤成一坨。我只好硬着头皮去学习了几天那个模板的自适应规则。那几天我脑子里全是“百分比”和“像素”，感觉比我写后台的业务逻辑还绕。
成果与个人感悟：这网站算是帮了我
经过大概三周的折腾，这个“爱丽丝传说官方网站”总算是像模像样地跑起来了。虽然访问量很少，但起码界面干净、资料齐全，媳妇儿看了也说：“比你以前那些纯文字的代码好看多了。”
后来公司打电话叫我回去，说新的项目启动了，缺人。我直接回复说：“我最近在忙着运营我的新网站，暂时没时间。”虽然这个网站只是个消遣，但我通过这个实践，证明了自己不是一个只会做CRUD的工具人。
那段时间，要不是靠着埋头钻研这个网站，转移了注意力，我可能早就被强制休假那事儿搞崩溃了。这个网站虽然不赚钱，但是它帮我找回了状态，也算是这段低谷期里最大的一个收获了。