最近我闲着没事干，老婆看我整天抱着手机打游戏，就给我扔了个活儿：“你不是说你以前搞网站的吗？给我侄子弄个超人官网，他马上生日了，要个像模像样的东西。”
拍板：这活儿我接了，但得用我自己的土办法
一听超人官网，我脑子里立马闪过那些大公司用什么Kubernetes、微服务、React那一套，但那是给别人打工才用的。我给自己干活，就得简单粗暴。我这人就这样，人越老，越不喜欢折腾那些花里胡哨的技术栈。我决定，用最老最快的组合，快速把东西砸出来，两天搞定，不然时间长了，热情就跑光了。
我打开了我那台老掉牙的笔记本，键盘上的灰都得先擦一遍。第一步，我想用什么语言？不用Go，那玩意儿写个基础功能倒是快，可一旦涉及到前端渲染和复杂交互，它就露馅了，工具链不完善，后面维护起来就是一锅粥，以前在老东家就吃过这个亏。我翻出了多年前给私活儿攒下的那个PHP框架，虽然土，但是能用，而且部署起来方便，几分钟就跑起来了。
动手：搭建与选材，到处都是坑
我得定下来这个网站的骨架。超人官网嘛肯定不能像新闻网站那样死板。我搜索了一大堆关于超人的配色和字体，3瞄准了经典的红蓝配色，再配上那种粗犷的美式漫画字体。我发现网上的免费模板都是垃圾，要么功能太多，要么配色辣眼。我咬了咬牙，决定自己硬画。
我拉出了Photoshop，以前在公司里，设计都是专门的设计师做的，现在没人给我跑腿了，我得自己操刀。我画了一个氪星元素背景，然后加了超人S盾的标志。光是这个S标志，我就调整了十几次，不是太亮就是太暗，怎么看怎么别扭。我的眼睛都快花了。
主体框架定好后，就是内容了。我规划了几个栏目：
- 历史记录：介绍超人从氪星到地球的背景故事。
- 能力解析：详细描述超人的各种超能力。
- 反派档案：卢瑟和其他对手的介绍。
- 每日新闻：这个最扯淡，我就随便写了几条“超人今天又救了一只猫”的假新闻。
内容我得自己编，我翻遍了以前看的那些老漫画和电影，整理了一大堆设定，然后用那种很官方的语气重新润色了一遍。我以前在公司里写文档可没这么认真。
深入细节：部署和图片优化，差点让我摔键盘
网站的静态内容弄得差不多了，下一步就是动态内容，虽然是给小孩看的，但基本的交互还得有。我写了一个很简单的留言板功能，用的还是最基础的MySQL数据库。我配置数据库的时候，又出幺蛾子了。我的老电脑系统太久没更新，PHP版本和MySQL版本不兼容，我折腾了整整两个小时，升级系统，卸载旧版本，安装新版本，搞得我脑门直冒汗。我当时就想，要是在公司里，一个电话运维就搞定了，现在我就是全栈，还得兼任运维。
等留言板能跑起来之后，我开始处理图片。为了让网站看起来“官方”，我放了很多高分辨率的剧照和漫画插图。我打包上传到服务器上，然后打开网站一看，好家伙，加载速度慢得像乌龟爬！我当时就气炸了。
我赶紧把所有图片下载回来，用批量处理工具压缩了一遍，把尺寸缩小，把质量降下来。又重新上传。这回总算正常了，虽然牺牲了一点清晰度，但是至少能流畅浏览了。
收尾：交付和心得
网站基本功能跑通后，我花了半天时间做兼容性测试，确保在手机和平板上也能看。因为现在小孩都用平板，这个适配必须做好。我发现我的老框架在移动端布局有点乱，又加了几行CSS代码去调整。我把这个网站设置成了我侄子生日当天能访问到的页面。
虽然整个过程磕磕绊绊，但两天时间我把一个“超人官方网站”给做出来了。技术上没啥新东西，都是我以前玩剩下的，但自己从头到尾敲出来，那种成就感还是有的。这活儿要是交给那些搞微服务的，估计光是审批和立项流程就得耗掉一周。
我这人就这样，搞技术就得实打实，能用就行，那些所谓的高大上概念，在实际动手的时候，往往都是拖后腿的。这回超人网站的实践，又证明了我的老观点：技术不重要，能把事情办妥最重要。