诺艾尔会努力的：我的版本大全实践记录
为啥我非要自己去搞这么一个《诺艾尔版本大全》的资料站？说起来有点丢人，我以前那项目经理老是瞧不起我们这些做前端的，总觉得我们就是拉拉皮，不配碰后端逻辑。那会我一气之下就辞职了，心里憋着一股火，总想着自己能搞点什么东西出来，证明一下自己不光能写界面，也能把一整个流程都跑通。
辞职那会儿正赶上我老家的房子要装修，我被困在工地上盯着材料和进度，手头能用的设备就只有一台老旧的笔记本电脑，而且网速慢得跟蜗牛爬一样。那段时间我正好沉迷抽卡游戏，发现网上关于诺艾尔这个角色的攻略信息简直是一锅粥，NGA一篇，米游社一篇，B站视频又是一种说法，每次想查个毕业面板都要翻半天，效率太低了。
我当时就决定了，自己动手，做一个聚合性的资料库。
一开始我没想搞什么复杂的后端服务，毕竟我的老笔记本跑不动那些大东西。我琢磨着，数据量不大，完全可以搞成静态页面。我的思路很简单，就是模拟一个官方资料站的样子，把所有主流的配装、伤害计算公式，以及不同命座下的输出手法，全部集中到一个地方，用最简洁的方式呈现出来。
我的实践过程分了三步：
- 第一阶段：数据采集和整理。我花了两周时间，白天盯装修，晚上就拿着笔记本，人工去各个论坛把核心数据一条一条扒下来，整理成一个巨大的 Excel 表格。这个过程是最枯燥的，因为各种“计算器”的结果都有细微差别，我得自己算一遍，找一个最靠谱的平均值。
- 第二阶段：结构化设计。我决定用最轻量级的 Markdown 格式来写主体内容，然后用一个静态网站生成器（选了个最简单的，配置起来不费劲）把这些文本快速转换成 HTML。这样一来，后续更新内容就非常方便，不用动页面结构。
- 第三阶段：细节优化和部署。我主要攻克了移动端的适配问题，因为我知道大部分人都是在手机上查攻略。那个老笔记本的屏幕色差大，我反反复复调整 CSS 样式，确保在手机上看时文字清晰，表格不乱。
整个过程里，最折磨我的不是代码，而是我那前老板。我辞职后他一直想把我叫回去救火，因为他接手的那个新项目烂尾了，三天两头给我打电话发消息。我一开始还礼貌回复，后来他直接说我做这些小打小闹的东西是浪费时间，不如回去拿高薪。这话彻底把我惹毛了。
我当时回怼了一句：我现在做的虽然只是个小站，但起码是我自己从头到尾搭起来的，结构清晰，维护简单，比你那个到处是补丁的烂尾项目强多了。 我把他所有联系方式都拉黑了，就专心继续做我的诺艾尔大全。
这个资料站已经稳定运行了快半年了。虽然它没有任何复杂的交互逻辑，就是一个纯粹的“官方网站版本大全”，但是它解决了我当初查资料难的问题，也证明了我一个人也能把一个项目从零开始搭建起来。我现在靠着接一些自由职业的单子过活，虽然收入不稳定，但是心情舒畅。谁说前端不能做项目？我用这个小站就直接把前老板的脸给打肿了。
我发现，有时候越是简单的工具，越能解决实际问题。而且当你全身心投入一个自己热爱的小项目时，那种成就感，是你在大公司里当螺丝钉永远体会不到的。这个实践记录，就分享给所有正在努力中的朋友们，希望你们也能找到自己的小项目，并努力把它实现出来。