没想到这个玩具竟然还有这种后续……

其实2023年8月就做完了所有功能，但是现在才拿出来写一篇文章。

新版的代码已经上传到TAiONS仓库的v2分支。

GitHub：https://github.com/Yuuikic/LyricsPoster

Demo：https://taions.yuuikic.com/

---

更新内容

• 崭新的页面设计
  既然从前页面混沌得不彻底，那么……就不要继续混沌下去了。现在，TAiONS的搜索、选取和生成海报界面实现了分离，并重新设计了各个页面。
• 歌词选取流程优化
  新版本有了更直观的歌词翻译切换、已选取歌词预览，使增选和删除歌词更便捷。
• 添加了歌词排序功能
  不再需要在选取歌词时考虑选取顺序。现在，TAiONS支持在海报生成页面进行歌词排序。
• 删除了一些功能
  一些不太常用的功能和影响页面的元素被删除，包括APlayer、Moe-Counter、更多字体选取。
• 不支持响应式设计
  嗯，老老实实用桌面端吧。

使用流程

我觉得这个页面设计还是挺直观的（逃）

但是有三个使用Tips：

1. 点击巨大的logo以显示搜索框。
2. 选取歌词后，点击页面右侧的带有动画的箭头进入海报生成页面。
3. 不支持将海报导出成文件，请自行截图保存。

已知问题

1. 搜索功能不稳定，搜索后没出现结果的话请切换网络环境后重新搜索。
2. Safari 中，海报的背景模糊效果加载异常。可以点击工具栏中的背景-模糊，调节模糊度后就可以正常加载。
3. 不告诉你。

---

为什么要重做？

2022 年初，一时兴起，做了一个名为“TAiONS”的歌词海报生成器（这个名字真是中二，但是中二赛高！）

虽然当时装模作样地还给出了一个后续开发的路线图，但是TAiONS作为给我自己写的工具和玩具，只要我用着没问题，便也没什么动力去更新。此外，我对它的使用频率也并不高。在完成TAiONS的2022年，我还在某平台上传了十余张歌词海报；而2023年，我就只上传过2张了。

这并不是说TAiONS多么难用，以至于我不想用它，而是分享欲的降低。从前总喜欢分享喜欢的歌曲和喜欢的歌词，但是这种热情逐渐消退了。好吧，其实TAiONS也难用得不行。在TAiONS中，我使用了一些 Font Awesome 的图标，由于网络连接问题，图标文件往往不能被正确地加载；使用“Moe-Counter”在页面上萌萌地显示网站被访问次数，但是也是由于网络原因，经常加载失败，只留的加载失败的裂开的图片在页面上；添加了一些可供选择的字体，但是也由于网络问题……总之，虽然是个静态页面，但是网页资源和使用的服务分布在 GitHub Pages（页面主体）、Vercel（网易云 API)、阿里云 OSS（字体文件等）这些服务商，这就导致了以上这些奇怪的问题。

TAiONS 的使用逻辑也有点奇怪。比如，对于一首外语歌，想要同时选取歌词和歌词的翻译，会非常困难。点击搜索结果的文字部分时，会加载原歌词；点击搜索结果的专辑封面图片时，则可以加载中文翻译和原歌词“缝合”在一起的歌词版本。这个缝合版本并不是正常理解中的“一句原歌词，一句中文翻译”这样子穿插而来的，而是在一首歌所有歌词的中文翻译后，再附上了其所有原歌词。所以，如果想让海报上同时有原歌词和其中文翻译，则需要选取中文歌词，再翻到下面，找到对应的原歌词。这一点都不方便！

此外，对于已选中的歌词并没有很快捷的预览和移除的方式。如果选取的几句歌词相距得比较远，那么要取消选择则需要翻很久。Spotify 和 Apple Music 的歌词分享只能选择前后相连的几句，但是从主歌和副歌分别选一句歌词做成海报也是必要的使用场景，这显然有着更大的自由度（至少我这么做过）。并且，在这种使用场景下，能够预览已选择的歌词，总归是方便的功能。

最后，我觉得当时拼凑出来的页面太过随意。比如在Unsplush上随便找的三次元景物背景图片（搜索词大概是Kyoto）、Moe Counter二次元萝莉计数器、与网站设计风格完全不搭（设计风格是什么？）的Aplayer播放器，此外，还有个莫名其妙的小女孩在搜索框上，每次执行搜索时，都会跳动一下来表示搜索正在进行。虽然我很喜欢无厘头、魔幻、抽象（狭义的）的画面（参考 INTERNET YAMERO、ちきゅう大爆発 MV），但显然TAiONS的页面还没有混沌到那种地步，并不会产生任何混乱的美。这就让整个页面看起来非常没意思了。

综上，我在 2022 年初没有任何章法手糊出来的这个歌词海报生成器，有着诸多使用上的不便利。对此，我有必要……其实根本没有必要对其进行大刀阔斧地修改。毕竟我根本没有新的需求嘛，这个海报生成器当做一个玩具和工具，已经足够了。

但是，当我偶然打开Google Search Console，看到在Google这个搜索引擎中，杂话铺子的热门查询和点击数最高的竟是“歌词海报”时，还是被震惊到了。打开浏览器无痕模式窗口，键入“歌词海报”，Google搜索一气呵成，发现 “歌词海报生成器: TAiONS”这个搜索结果竟排在第一个。

一想到除了我之外，在平常的日子里，这个略显鬼畜的歌词海报生成器竟会被毫不相识的陌生人访问，看到网页上出现各种加载失败的占位符，一种“哎呀，搞砸啦”的想法就出现在我脑海中。什么嘛！我又没强制你用这个破烂网站来制作歌词海报啦！你从这个网站中只能找到对其他音乐软件中歌词海报的模仿而已，快去用他们的优质服务啦！傲娇已经过气了！

出于责任心（从何而来？），我决定更新一下这个歌词海报生成器，以更友善的页面，善待每一个不小心访问它的陌生人。

如此，有所谓有有所谓无的折腾代码的日子，又开始了。

说起来，2022年最开始制作TAiONS的时候，还没有 ChatGPT啊。

---

至于在对TAiONS进行大刀阔斧的改革过程中，遇到的困难，我已经记不清了。原因是我完成并发布的时间是2023年8月底，距今已经过了五个多月。可以说，你让现在的我读当时写的代码，可能不太读得懂……就像我现在也读不懂我2022年写的初版是个什么东西。

至于为什么拖了这么久才想起来写个更新记录？昨日之我非今日之我，2023年的桜庭夜呢？出来一下！