参考信息
AudioBookShelf是一个自托管有声读物和播客服务器,最重要的是可直接使用苹果自带的播客进行播放,但其官方也提供ios app。
官网地址:https://www.audiobookshelf.org/
安装ABS
sudo -i
mkdir -p /root/data/docker_data/audiobookshelf
cd /root/data/docker_data/audiobookshelf
nano docker-compose.ymlservices:
audiobookshelf:
image: advplyr/audiobookshelf:latest
container_name: audiobookshelf
ports:
- 13378:80
volumes:
- ./podcasts:/podcasts
- ./config:/config
- ./metadata:/metadata
- ./audiobooks:/audiobooks
environment:
- TZ=Asia/Shanghai
restart: unless-stoppedNPM设置




通过上述代码修改网页左上角AudioBookShelf修改为“温其在耳”
# 1. 允许修改内容
proxy_set_header Accept-Encoding "";
# 2. 对所有类型生效
sub_filter_types *;
# 3. 注入 CSS (针对 Tailwind 版本)
# 我们直接定位 .text-xl.mr-6 这两个类,这在顶栏是唯一的
# 这里的逻辑是:
# A.把原文字变透明 (color: transparent),但保留鼠标指针 (pointer-events: auto) 这样还能点击回首页
# B.用 ::after 在原位显示新文字,颜色强制设为白色 (#fff)
sub_filter '</body>' '<style>
.text-xl.mr-6 {
color: transparent !important;
position: relative !important;
}
.text-xl.mr-6::after {
content: "温其在耳";
color: #fff !important; /* 强制白色文字 */
visibility: visible !important;
position: absolute;
left: 0;
top: 0;
font-size: 1.25rem; /* 对应 text-xl 的大小 */
line-height: 1.75rem;
pointer-events: none; /* 让鼠标点击穿透到下面的链接 */
}
</style></body>';
# 4. 替换一次
sub_filter_once on;