Starbase 80

DR T'ANA:（对Mariner说）"你想摸鱼的话，去Starbase 80工作吧！"
JET: "该死，Starbase 80？！"

概述

Starbase 80是一个美观的主页，用于展示Docker容器或任何服务与链接。它不与Docker实际集成，加载迅速，深色模式可跟随操作系统设置。若修改配置JSON文件，重启容器并刷新页面即可生效。

该项目灵感来源于Ben Phelps' Homepage和Umbrel，并致敬《星际迷航：下层舰员》(Star Trek: Lower Decks)。

Docker与源码

• Docker镜像
• GitHub源码

在线演示

• Starbase 80

预览

更新历史

1.6.1

• 为分类和服务添加iconBubblePadding布尔选项

1.6.0

• 添加CATEGORYBUBBLECOLORLIGHT和CATEGORYBUBBLECOLORDARK环境变量，用于更精确控制分类气泡颜色
• 为分类添加bubbleBGLight和bubbleBGDark选项，用于自定义分类气泡背景色

1.5.5

• 更新基础镜像为node:23-slim

1.5.4

• 重新添加wget以支持健康检查

1.5.3

• 支持selfh.st图标

1.5.2

• 修复Material图标左外边距不正确的问题
• 修复图片比例问题

1.5.1

• 将链接调整为覆盖整个服务对象
• 添加下划线选项

1.5.0

• 修复深色模式手动覆盖功能

1.4.2

• 添加apple-touch-icon-precomposed链接

1.4.0

• 重写应用，移除React依赖，现为仅生成静态HTML的Node应用

1.3.0

• 移除构建步骤中的所有JavaScript，页面更轻量，但镜像体积略增，启动和关闭时间稍长

1.2.0

• 将config.json绑定挂载目标移至/app/src/config/config.json，以提升Portainer和卷支持。旧绑定挂载位置仍可使用，但建议更新。

Docker部署

示例Docker Compose配置

services:
    starbase80:
        image: jordanroher/starbase-80
        ports:
            - 80:4173
        environment:
            - TITLE=Starbase 80
            - LOGO=/starbase80.jpg
        volumes:
            - ./config.json:/app/src/config/config.json
            - ./public/favicon.ico:/app/public/favicon.ico
            - ./public/logo.png:/app/public/logo.png
            - ./public/icons:/app/public/icons

环境变量

卷（绑定挂载）

配置说明

示例config.json

[
    {
        "category": "服务",
        "services": [
            {
                "name": "Archivebox",
                "uri": "[***]",
                "description": "网页备份",
                "icon": "/icons/archivebox.jpg"
            },
            {
                "name": "Authelia",
                "uri": "[***]",
                "description": "身份验证",
                "icon": "selfhst-authelia"
            },
            {
                "name": "Calibre",
                "uri": "[***]",
                "description": "电子书库",
                "icon": "/icons/calibre.png"
            }
        ]
    },
    {
        "category": "设备",
        "bubble": true,
        "services": [
            {
                "name": "路由器",
                "uri": "[***]",
                "description": "Netgear Orbi",
                "icon": "/icons/router.png"
            },
            {
                "name": "Home Assistant",
                "uri": "[***]",
                "description": "家庭自动化",
                "icon": "home-assistant",
                "iconBubble": false
            },
            {
                "name": "Synology",
                "uri": "[***]",
                "description": "网络存储",
                "icon": "/icons/synology.png"
            }
        ]
    }
]

分类配置项

服务配置项

图标使用方法

卷/绑定挂载

创建卷或绑定挂载到/app/public的子文件夹，并指定相对路径。

# 本地文件夹结构
compose.yml
- icons
  - jellyfin.jpg
  - ghost.jpg
  - 其他图标文件

# 绑定挂载配置
./icons:/app/public/icons

# config.json中的图标配置
"icon": "/icons/jellyfin.jpg"

Dashboard图标

使用Dashboard图标，直接指定名称（无需前缀）。

# config.json中的图标配置
"icon": "jellyfin"

Material Design图标

使用任何Material Design图标，名称需加mdi-前缀。通过iconColor设置填充色，可使用"black"或"white"。

# config.json中的图标配置
"icon": "mdi-cloud",
"iconColor": "black"

Selfh.st图标

使用任何selfh.st图标，名称需加selfhst-前缀。

# config.json中的图标配置
"icon": "selfhst-couchdb"