铜钟音乐使用指南：免费听歌、本地收藏，5 步快速上手
【免费下载链接】tonzhon-music铜钟「Tonzhon」: 干净纯粹的音乐平台 (铜钟已不再使用原来的 tonzhon.com，现在的 tonzhon.com 不是正版的铜钟)项目地址: https://gitcode.com/GitHub_Trending/to/tonzhon-music
每次打开音乐应用，都要先刷过一轮广告和动态流。铜钟音乐是一款只做听歌的 Web 应用，界面上只剩搜索、播放和收藏，与音乐无关的东西一律不在。
项目定位：把界面还给音乐
铜钟音乐（Tonzhon）是一款面向"只想安静听歌"的人群的在线听歌工具：曲库比较全，搜到的歌可以直接播放；喜欢的可以存进本地聆听列表，也可以归入自己创建的歌单。整个页面没有广告、没有直播、没有社交动态，屏幕上占位的只有歌曲本身。它免费使用，聆听列表存在你自己的设备上，不依赖任何账号。
功能拆解：从找歌到收藏的完整路径
用顶部搜索栏，把想听的歌找出来
搜索栏固定在页面顶部，输入歌曲名或歌手名后按回车，结果页列出匹配歌曲，从列表里直接点开就能播放。首页也会展示一批推荐歌曲，不记得歌名时可以先随便听几首，找到对的旋律再回头搜。
掌握双击和空格，少点两次鼠标
除了播放器上的按钮，铜钟音乐还有两个不显眼的操作：在歌曲列表中双击任意一行就能直接播放；播放过程中按一次空格暂停，再按一次继续。全程手不离键盘，对经常切窗口的人来说很顺手。
把听过的歌存进本地聆听列表
想反复听某首歌时，把它加入聆听列表即可。这份列表写进浏览器的本地存储，关掉页面、下次打开还在，无需登录就能留住听歌记录。在列表窗口里点击某首歌会切到它继续播放，不想要的行点一下删除图标即可移除。
创建歌单、收藏歌单，整理长期曲库
聆听列表之外，还有更长期的组织方式——歌单。你可以创建自己的歌单并把歌曲归进去，也可以浏览平台上现成的歌单：觉得好听就收藏，想听就整单播放。
滚动歌词跟唱，还能把歌词带走
播放时歌词跟随进度滚动，跟着听、跟着唱都很方便；如果想把某首歌的歌词留在手边，可以直接下载保存。
使用场景：三种把铜钟音乐嵌进日常的方式
工作时把它开在后台当背景音，安静的界面不抢注意力，要暂停时按一下空格就行，不用切回窗口找按钮。
通勤的碎片时间里，把一直想听的歌搜出来加进歌单，等坐到工位上，排好的队列已经在那里等着你。
周末花十分钟翻一遍本周的聆听列表，不喜欢的删掉，好的归进对应歌单——你的个人曲库就这样慢慢成型。
快速上手：5 步进入听歌状态
- 在浏览器打开铜钟音乐，无需安装客户端。
- 在顶部搜索栏输入歌名或歌手名，按回车确认搜索。
- 双击结果中的任意一首歌曲，直接开始播放。
- 通过歌曲上的保存入口，把它加入本地聆听列表或自建歌单。
- 播放中随时按空格暂停或继续，音量在播放器上拖动调节。
如果想在自己电脑上跑一个本地版本，先克隆代码仓库：
git clone https://gitcode.com/GitHub_Trending/to/tonzhon-music cd tonzhon-music npm i npm run dev启动后浏览器会打开本地页面，功能与线上版本一致。
进阶入口：核心实现在哪些模块里
- 播放器核心（播放控制、进度条、播放模式）：src/components/player/
- 搜索栏实现：src/components/SearchBar.jsx
- 聆听列表的本地持久化：src/stores/useListenlistStore.js
- 项目介绍、功能与快捷键全列表：README.md
铜钟音乐只做了一件事，并且做得很专：让界面回到音乐本身。挑几首喜欢的歌存下来，下次打开就不用再花时间找歌。现在就打开搜索栏，输入一首想听的名字，双击它，开始听。
【免费下载链接】tonzhon-music铜钟「Tonzhon」: 干净纯粹的音乐平台 (铜钟已不再使用原来的 tonzhon.com，现在的 tonzhon.com 不是正版的铜钟)项目地址: https://gitcode.com/GitHub_Trending/to/tonzhon-music
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
