这网站，纯粹是被我儿子逼出来的
你们可能觉得我这个《Dark Elf官方网站》实践记录听起来很高大上，说白了，这玩意儿就是我那个上小学的儿子非要我给他弄出来的一个“资料库”。
去年夏天，我老家装修，我被老婆赶出来，说我在家碍手碍脚。我就在附近租了个小公寓，一个人带着笔记本过了一个月。当时没事干，就陪着儿子一起看那些奇幻小说，他突然就迷上了暗黑精灵这帮家伙。可是网上的资料那是乱七八糟，一会儿是A游戏的设定，一会儿是B小说的背景，东拼西凑，看得我头都大了。
儿子就闹腾，说老爸你不是搞这行的吗，你给搞个全乎的，权威的，一眼就能看明白的网站出来！我说得了，老子是干后端维护的，不是给你搞前端页面的。结果拗不过他，想着闲着也是闲着，那就动手搞一个。这，就是我着手开始这个网站的根本原因。
从复杂的架构里把自己拔出来
既然要搞，一开始我就想着，得搞得专业点。我先想着用我们公司那一套微服务架构来搭，给它配个独立的数据库，再上个Vue的前端框架，那才叫排面。结果我搭了三天，配置环境，写接口，还没开始设计页面，我自己就先崩溃了。
这玩意儿只是个资料展示网站，里面根本没有用户交互，没有订单，没有支付，我用个微服务架构简直是杀鸡用牛刀，纯粹是给自己找麻烦。
我果断把之前配置好的服务器环境全给删了，痛下决心换了个思路。既然只是静态展示，那就用最简单的办法。我决定用那个老早就流行的博客生成器，轻便、快速，还能套个现成的模板。
- 第一步：选定了工具。我找了一个基于Markdown的生成器，这样我写资料的时候，只用关注内容，不用管排版。
- 第二步：明确了目标。这个网站的核心就是“暗黑”，所以颜色必须是黑底，少量紫色或者血红点缀，不能花里胡哨。
- 第三步：快速建立结构。我拉了一个简单的框架图，把所有资料分成了“历史”、“人物”、“武器”三个大类。
设计，才是真正的折磨
理论上，用生成器应该很快就能出效果，但这回最让我费劲的，是设计。暗黑精灵这种设定，你如果配色不立马就变成乡土气息浓厚的“山寨黑”。
我找了好多免费的模板，一个个套上去试，结果都不满意。要么太亮，要么字体太小，在黑底上看起来特别模糊。我那几天眼睛都快看瞎了。
没办法，我决定自己动手改CSS。我把原来模板的边框和阴影全给去掉了，只留下了最纯粹的黑背景和白字，然后用一种深紫色来突出标题和链接。别小看这个改动，我花了整整两天的时间，来回调整字体大小和行高，才让它在手机上和电脑上看起来都舒服。
最搞人的是，暗黑精灵嘛肯定要配一些高分辨率的插画。我找了一堆图，结果一张图就有十多兆。我硬是花了半天时间，把所有图片全丢进压缩工具里，全部压到100KB以内，才敢往页面里塞。要不然加载速度慢得，我儿子能当场跟我翻脸。
网站终于跑起来了，但坑还没填完
等我把所有资料整理好，排版弄妥帖了，我找了一个免费的静态页面托管服务，把代码打包上传。第一次上传，我忘了清空本地缓存文件，结果网页里一堆我之前测试用的废弃文件，打开页面一看，乱七八糟。
我赶紧重新清理，又推了一次。这回总算正常了。
现在这个“Dark Elf官方网站”就在那稳稳地跑着。虽然内容还在不断完善中，但它至少解决了我儿子查资料的问题。而且通过这回实践，我彻底明白了一件事：搞技术的人，很容易陷进去，总想着把简单的事情用复杂的工具来搞定，显得自己水平高。但实际上，真正能解决问题的，往往是那些看起来最简单、最直接的方法。
我以后做这种小项目，再也不费劲去搞什么复杂的架构了，简单实用才是王道。
这网站跑起来以后，我现在每天晚上都会抽空整理一些新的资料扔进去，把内容搞得更丰富。我儿子现在查资料比谁都快，还经常跟我吹嘘，说他老爸给他搞了个“独家定制”的网站。成就感？这不就拿捏住了吗！