V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mundane
V2EX  ›  推广

我是如何在一个周六做好一个 opus 转 mp3 的工具站并上线的

  •  
  •   mundane · 15 小时 56 分钟前 · 396 次点击

    最近在一个周六做好了一个 opus 转 mp3 的工具站。
    地址是 https://opustomp3.io
    大家有兴趣的可以试一下,右下角可以提反馈建议,有问题我会改进。
    接下来分享一下我的一些行动细节。

    分享我的上站流程

    1.制定我的行动路线

    为了能够快速上站,所以需要一条极简并且清晰的行动路线。 经过 AI 优化好以后的行动路线如下:

    • 只做新词,用户意图还是要分析,因为做网站是为了解决用户问题的
    • 只用 next.js
    • 不用模板,因为我现在还没完全掌握(完全掌握以后可以用)
    • 只做尽可能少的页面,只做一个核心功能流程
    • 只做英文,不做多语言
    • 只做核心功能,其他功能都不做
    • gsc 和 ga 还是要接,因为要看流量,这个是反馈的来源

    目标:

    • 网站上线后,GSC 后台能看到第一个自然搜索点击
    • GA 后台记录到有 10 个独立访客访问

    2. 选词

    找词这块目前还是我的短板,所以这次我直接从别人那里拿的词。 来自于这个公众号
    出海工具网站关键词分享 4- [ add text to gif ]
    然后我把这个公众号里分享的这几个词全部扔给 AI ,让它帮我分析做哪一个词好。 AI 的最终结论:

    于是我最终敲定选择做 opus to mp3 这个词

    3. 买域名

    我打开 query.domains 这个网站,这是一个查域名的网站。然后输入我的词,把结果截图给 AI 。

    于是最终买了 opustomp3.io 这个域名。
    另外买域名有很多注册商可以选择,我也发给了 AI 让它帮我选择

    最终在 porkbun 上买了这个域名。
    买完域名以后就立刻把这个域名的域名服务器改成了 cloudflare ,这个过程我就不赘述了。

    4. 了解用户意图

    买完域名以后我开始了解用户搜索这个词的意图。

    5. 侦查同行

    我在 google 搜索了一下这个词,排名第一的网站是 cloudconvert 的一个内页。
    然后我就想在它的页面上测试一个这个 opsu 文件转 mp3 文件的功能,需要一个 opus 文件。
    于是我又开始问 AI

    但是 AI 提供给我的这几个网站我都没能下载到 opus 文件,但是我在搜索的时候无意中看到有人用 yt-dlp 将 youtube 视频的音频下载成 opus 格式

    最终成功获得了可以用来测试的 opus 文件。然后试了一下 cloudconvert 的转换功能,确实很流畅,又好又快,转换完以后还会自动播放。
    不过没关系,我还是可以继续做。已下是 AI 的分析:

    6. 开发前端页面

    这里主要是用 claude code 来开发。
    首先用/init 命令初始化一个项目指南,会生成一个 CLAUDE.md 文件。然后把我的要求告诉 cc ,要求它优化这个 CLAUDE.md 文件。

    接着就是一顿开发。先把前端页面开发好了。

    其实 cc 还是有许多技巧的,我现在也只是掌握了部分,后面还需要好好学习一下。
    这么贵的工具,不好好利用的话真的可惜了。

    7. 实现转换功能

    还是问 AI

    AI 都这样说了,那我当然选择方案 2 啦。
    于是把 gemini 的话复制给 cc ,又是哐哐一顿开发。
    最终使用 WebAssembly 技术,成功实现了转换功能。

    8. 制作 logo

    设计是我的短板。一开始我问了 AI ,但是它给我推荐的几个工具,比如 Microsoft Designer ,我试了一下,感觉都不好用。

    最终还是用 gemini 的 nano banana 来做,gemini 我永远的神!

    9. 部署到 vercel

    这一步很简单,不赘述了。主要看 AI 给我的下一步指导:

    10. 接入 gsc 和 ga

    接入 gsc 挺简单的,也不赘述了。 接入 ga 用了一下 @next/third-parties 这个库,也不赘述了。

    11. 添加 FAQ,进行内容填充

    这一步主要是为了 SEO 。 我先自己想了几个问题,让 cc 帮我完成,接着截图给 gemini 帮我完成优化。

    12. 生成 sitemap

    这一步也很简单,我是让 cc 帮我搞的。

    至此,我的网站上线工作已经基本全部完成。

    原文链接

    https://dreamfree.xyz/other/dadong-weekly-20.html
    https://mp.weixin.qq.com/s/va3uIaAeBSSBQh1aMvOhpw

    8 条回复    2025-09-29 11:26:59 +08:00
    keniusahdu
        1
    keniusahdu  
       15 小时 42 分钟前
    这个好像前几天群里有人发的关键词。执行力很强啊。
    keniusahdu
        2
    keniusahdu  
       15 小时 40 分钟前
    打开看了下,我理解用这个工具的人不会关心 FFmpeg 是什么。是不是默认用户直接上传一个 opus 音频或者对应的链接,直接给出 mp3 更好?
    eratpfus7
        3
    eratpfus7  
       15 小时 38 分钟前   ❤️ 1
    哥飞高徒?
    还有全文大篇幅 Ai @Livid
    mundane
        4
    mundane  
    OP
       15 小时 28 分钟前
    @eratpfus7 全是我的实操分享,没有 AI 生成文案
    mundane
        5
    mundane  
    OP
       15 小时 25 分钟前
    @keniusahdu #2 现在就是这样的,只不过刚开始加载 ffmpeg 会花费一点时间,也许把这个过程隐藏起来不让用户看到会更好
    Nanosk
        6
    Nanosk  
       15 小时 13 分钟前
    为啥你的 gemini 输出简体字 我这边输出一直是繁体
    mundane
        7
    mundane  
    OP
       15 小时 10 分钟前
    @Nanosk 看看有没有语言相关的设置
    lucky4
        8
    lucky4  
       13 小时 54 分钟前
    很棒的经验,谢谢分享
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1213 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 17:21 · PVG 01:21 · LAX 10:21 · JFK 13:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.