🛠️ AnythingLLM Docker 样式优化与界面自定义记录

为适配自身品牌风格与用户交互体验，对 AnythingLLM 的前端和部分系统 UI 进行了如下优化与调整，基于 Docker 部署版本。

✅ 1. 修改 Logo 显示位置与尺寸

文件位置：

/app/index.css（或 App/index.css，取决于容器构建路径）

调整说明：

默认样式：

.md\:top-12 {
  top: 3rem;
}

调整后使 Logo 居中偏上，视觉更醒目：

.md\:top-12 {
  top: 5rem;
}

✅ 2. 去除空白对话框中的默认提示文案

文件位置：

/app/server/public/index.js

移除内容：

• Welcome to your new workspace.

• 上传提示相关文本（upload prompt）

调整目的：

• 保持初始界面简洁

• 避免首次使用的用户误解上传为必要操作

• 更易集成自定义 onboarding 或品牌文案

✅ 3. 替换系统对话图标：workspace.svg

文件位置：

/app/server/public/workspace.svg

修改方式：

• 使用 GPT 辅助生成符合系统主题的新 SVG 图标

• 替换默认的“机器人头像”样式，以符合 NewVFX 系统调性

修改理由：

• 品牌统一性

• 更美观、减少与原始项目的视觉冲突

✅ 4. 自定义 Logo 图像

位置与方式说明（可拓展）：

• 替换 /app/server/public/logo.svg 或 /public/assets/logo.svg

• 在 /index.html 或组件引入中指向新的 logo 路径

• 使用 docker volume bind 或重建镜像方式挂载新图像资源

建议尺寸： 200px ~ 300px 宽度为佳，SVG/PNG均可

🚀 部署注意事项（Docker 环境下）：

• 建议使用 bind volume 挂载 /app/server/public/ 文件夹，以保留修改

• 每次 docker-compose up –build 后请确认：CSS 是否被缓存，清理浏览器缓存

• 若使用 Nginx 反向代理，确保静态文件缓存策略不过于激进

📦 示例 docker-compose 配置节选：

services:
  anythingllm:
    build: .
    volumes:
      - ./custom/public:/app/server/public
    ports:
      - "3001:3001"

通过上述修改：

• 实现了更加干净且品牌一致的初始界面

• 优化了用户首次接触的交互体验

• 保证未来升级时易于迁移样式（可构建 patch 或 hooks）