侧边栏壁纸
博主头像
天马行空 博主等级

凡是过往,皆为序章

  • 累计撰写 632 篇文章
  • 累计创建 11 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

AudioBookShelf 安装

sortie
2026-04-04 / 0 评论 / 0 点赞 / 9 阅读 / 0 字

参考信息

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.yml
services:
  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-stopped

NPM设置

通过上述代码修改网页左上角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;

博主关闭了所有页面的评论