诺艾尔会努力的官网有啥内容？看这篇功能完全解析！

为什么突然想建这个官网？

大概一个月前，我闲着没事刷手机，看到原神视频里诺艾尔那句“我会努力的”，就莫名被戳中了。心想着这角色太励志了，不如我自己整一个官网玩玩，方便粉丝们分享点故事和同人图。

前期准备阶段

决定动手后，我先在网上瞎逛，找了点资料。工具就选最简单的：GitHub Pages弄个静态站，写写HTML、CSS加点小动画，连数据库都不碰。

• 先从网上扒拉了个免费模板，看着顺眼。

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区



• 又琢磨主题配色，换成诺艾尔的银白色调。
• 还搜集了角色图鉴，包括技能展示和一些粉丝语录。

整个过程花了一天，基本靠复制粘贴和瞎改代码。

开发过程的各种折腾

实际开搞时，问题就冒出来了。开头还挺顺，我把代码拖进编辑器，照着改来改去。但想加个留言板功能，就卡壳了好一阵子。

试了几个插件，全都不兼容，不是页面崩掉就是乱码一堆。急得我直抓头，干脆砍掉这想法，省得麻烦。

上传图片也搞砸。本来选好几张同人图，一传上去颜色就失真，偏蓝偏灰。调试半天才发现是主题滤镜的问题，手动改代码重新上传，总算调正了。

最终实现和上线

硬着头皮折腾了两三天，网站基本能看了。主页贴上诺艾尔头像和一句口号，内容页塞了角色资料和几个粉丝投稿。上传到GitHub Pages后，检查几遍，居然没大bug。

• 打开速度还行，虽然加载有点慢。
• 排版马马虎虎，不是专业水准但心意到位了。

分享给朋友看，他们哈哈一笑，说“这官网真够朴素的”。

做完后的那点感

整件事下来，我学了不少教训。比如说动手要现实点，别老追求花里胡哨的功能，省得浪费时间。还体验了自己弄东西的乐子和挫败感。

更扯的是，开发中途我邻居家突然修路，网速掉得跟蜗牛一样，害我进度拖了一天。气得我跑去咖啡厅蹭网，边喝拿铁边骂骂咧咧赶工。完事后想想要是当初换个工具，可能轻松点。