elit3ge/sui

SUI

服务器或浏览器新标签页的起始页工具

!截图 更多截图

镜像概述

SUI是一个轻量级起始页工具，适用于服务器管理或替代浏览器默认新标签页，提供简洁美观的界面和灵活的自定义功能，帮助用户快速访问常用应用和书签。

核心功能

• 自定义应用快捷方式：添加常用应用的名称、链接和图标
• 分类书签管理：按类别组织书签，方便快速查找
• 多主题颜色切换：支持自定义颜色主题，满足个性化需求

使用场景

• 个人或团队服务器的统一起始页，集中管理常用服务入口
• 浏览器新标签页替代工具，提升日常上网效率

Docker Compose部署

前提条件

• Docker：https://docs.docker.com/install/linux/docker-ce/debian/%E3%80%81https://hub.docker.com/editions/community/docker-ce-desktop-mac%E3%80%81https://hub.docker.com/editions/community/docker-ce-desktop-windows
• https://docs.docker.com/compose/install/

安装步骤

1. 克隆仓库：git clone 该仓库
2. 构建并启动：docker-compose up -d
3. 访问页面：打开 http://localhost:4000

如需修改端口，编辑docker-compose.yml中的端口配置：

yaml
ports:
      - 4000:80  # 将左侧4000改为你需要的端口

配置说明

更改颜色主题

点击左下角的选项按钮，选择所需主题。

添加应用

编辑apps.json文件添加应用：

json
{
    "apps" : [
        {"name":"应用1名称","url":"sub1.example.com","icon":"图标名称"},
        {"name":"应用2名称","url":"sub2.example.com","icon":"图标名称"}
    ]
}

注意事项：

• URL中不要包含 http://
• 最后一个应用行末尾不要加逗号
• 图标名称可在Material Design Icons查找

添加书签

编辑links.json文件添加书签：

json
{  
   "bookmarks":[  
      {  
         "category":"分类1",
         "links":[  
            {  
               "name":"链接1",
               "url":"http://example.com"
            },
            {  
               "name":"链接2",
               "url":"http://example.com"
            }
         ]
      },
      {  
         "category":"分类2",
         "links":[  
            {  
               "name":"链接1",
               "url":"http://example.com"
            },
            {  
               "name":"链接2",
               "url":"http://example.com"
            }
         ]
      }
   ]
}

添加自定义分类名称及对应书签，注意事项：

• URL中不要包含 http://
• 每个分类最后一个书签末尾及最后一个分类末尾不要加逗号

自定义颜色主题

可在themer.js文件中添加或修改主题。若更改主题名称或添加新主题，需相应编辑index.html中的<section class="themes">部分。未来可能会提供更简单的主题编辑方式，当前添加现有主题步骤较为直观。