前言
其实在去年7月份，我就筹划搞了一个 一起学笛子 的双语网站，在它还是一个简单雏形的时候，就写了一篇名叫 又一个不务正业的作品 的文章简单介绍过一次。
前段时间终于把这个网站的基本功能都开发得差不多了，也实现了中英双语，想着随后不断地填充内容就可以了。当时的想法很简单，一方面是个人兴趣使然，另一方面是当时想着，出海最合适的就是类似工具、游戏这种语言相关性小的产品，而像技术博客这样的可能就不太行了。
那为什么第一个双语网站还没彻底搞完，就又来第二个多语言站呢？
1. 灵感来源
本以为 一起学笛子 这个网站出海应该没啥问题，毕竟音乐没有国界，文字介绍又是主要用于 SEO 优化的，写的什么内容并不是很重要，能大概明白意思就行了，素材更是取之不尽用之不竭。然而，当时没有考虑到的是，简谱 好像只有国人在用，欧美地区用的都是 五线谱。也就是说，哪怕最后网站的内容足够丰富了，估计最终使用的还是以国内为主，获取不到多少海外流量。不过相较于博客网站，还是有优势的，例如统计显示该网站有不少流量就来自 豆包，并且通过 元宝 搜索“推荐一些自学笛子的网站”，结果中也会出现 一起学笛子 这个网站，甚至百度也开始收录了，这你敢信？
但考虑到网站中确实有一些比较通用的工具，不独立出来可惜了，于是就有了把相关代码提取出来改改，然后单独部署的想法。
2. 功能介绍
新网站的名字叫 音悦伴侣，是我描述了一下网站基本功能之后让 AI 帮取的，感觉比我自己抓破脑袋想出来的要文艺得多，都用上谐音梗了，只是忘记当时用的是 元宝 还是 豆包 了。首页效果如下图所示：
网站主要包括如下四个工具：
- 节拍器：顾名思义，就是学习乐器时，练习节奏感的，不过后来我才发现，原来喜欢搞运动的也经常用节拍器；
- 调音器：这个是用于乐器调音的，毕竟不管是弦类还是管类乐器，气候变化或者用久了都可能导致音不准，调音是必须的；
- 转调器：这个我最常用，也就是给伴奏转调用的。固定调乐器（如西洋乐器长笛、吉他、萨克斯、口琴，民族乐器竹笛、唢呐、古筝、琵琶等）玩家合伴奏的时候会经常用到；
- BPM 探测器：凑数的，看似有用，其实没什么用，事实上节奏感不强的音乐也很难测准。
这些功能应该够通用了吧？最重要的是，音悦伴侣 很轻松的就实现了八国语言的支持，这是以前不敢想象的。
3. 实现思路
正如上面提到的，大致思路就是把之前的代码复制过来改一改，而事实上其核心功能也主要是基于 aubio.js 和 soundtouch.js 两个开源项目实现的，所以并不复杂。
另外，由于这个工具网站不需要用户体系，也不需要数据库，但需要支持更多语言，因此，我没有继续基于 Typecho 二次开发，而是采用纯手撸 PHP 实现。
本以为需要费一些功夫，但没想到实现起来会如此轻松，几天就搞定了，包括项目的工程结构，代码的实现细节，网站的命名，文案的编写，多语言翻译等，全程就是靠的 元宝 和 豆包，偶尔也会用一下 Copilot，而我自己只做了最后的加工与审核。之所以 元宝 和 豆包 都用，是因为希望通过两边的答案进行一下对比。本来一开始用的是 DeepSeek 和 豆包，但 DeepSeek 实在太卡了。
事实上，任何一个大模型都能满足我的需求，现在想想是不是也可以搞一下微信或抖音 小程序 版的，想来应该也复杂不到哪里去。
结语
目前 音悦伴侣 这个工具网站虽然已经上线，但除了首页，其它页面都还没有被 Google 收录，其它搜索引擎就更不谈了，所以最终效果如何无法预测。索性不管了，先记录一下，有兴趣的可以打开网站体验一下，顺便找找 BUG，提提改进意见。
相关推荐
- 如何基于 Typecho 实现中英双语网站（上） 2025-02-09
- 一组数据让大家直观感受一下出海的重要性 2024-09-20
- 第一个正式作品的阶段性进展与后续构想 2024-09-19
- 后续计划与Google Adsense数据展示 2024-08-25
- 又一个不务正业的作品 2024-07-27
评论11
胖虎
大佬你好，两个问题请教一下，waterdrop主题上传的网站logo，怎么定义图片大小？
第二个，手机用着好像卡卡的，看你的网站和我的网站都是，是不是主题的问题？
老朱
1. logo的话，会自动缩放为高度32像素，宽度自适应，所以太大了也没用
2. 我访问你的网站挺快的啊，这个主题基本没用到比较大的资源，界面数据展示也比较简单，按理说应该不会很慢才对，所以具体原因我也不太清楚
胖虎
我在header里面，将默认的高度2rem调整到3，感觉好多了。谢谢
老朱
确实，更醒目了👍👍👍
桃花折
朱哥，你网站sitemap用的哪个插件，1.3版本用不了以前的插件了
老朱
我用的是Sitemap，作者是：迷你日志, Hanny
F.td
大佬🧍♂️厉害👍
Tommyglurb
hi
小孙
博主这个博客做的好好看