1
{
2
  id: "new-category",           // 唯一ID，不能与其他分类重复
3
  name: "我的新分类",           // 显示名称
4
  icon: "material-symbols:star", // 分类图标
5
  color: "#ff6b6b",             // 主题颜色
6
  dotColor: "#ff6b6b",          // 标签圆点颜色
7
  sites: [],                    // 网站列表
8
}

1
{
2
  id: "my-sites",
3
  name: "我的网站",      // 修改这里
4
  // ...
5
}

1
{
2
  name: "网站名称",
3
  url: "https://example.com",
4
  description: "网站描述",
5
  icon: "mdi:earth",           // 图标名称
6
  iconColor: "#4CAF50",        // 图标背景颜色（可选）
7
  tags: ["标签1", "标签2"],    // 标签数组
8
}

1
{
2
  color: "#3b82f6",      // 主要颜色，用于：
3
                          // - 分类图标背景
4
                          // - 分类标题
5
                          // - 分隔线渐变
6
                          // - 网站标签背景和文字（如果没有单独配置）
7

8
  dotColor: "#3b82f6",   // 标签圆点颜色（可选）
9
                          // 如果不设置，使用 color 的值
10
}

1
{
2
  iconColor: "#24292e",  // 图标背景颜色
3
                          // 如果不设置，使用所属分类的 color
4
}

1
图标库:图标名称

1
// ✅ 正确
2
{ id: "my-sites", ... }
3
{ id: "frequently-used", ... }
4

5
// ❌ 错误 - ID 重复
6
{ id: "my-sites", ... }
7
{ id: "my-sites", ... }

1
// ✅ 正确
2
icon: "mdi:github"
3
icon: "material-symbols:star"
4

5
// ❌ 错误
6
icon: "github"
7
icon: "star"

1
// ✅ 正确
2
color: "#3b82f6"
3
color: "#fff"
4

5
// ❌ 错误
6
color: "blue"
7
color: "rgb(59, 130, 246)"

1
// ✅ 正确
2
url: "https://github.com"
3
url: "http://example.com"
4

5
// ❌ 错误
6
url: "github.com"
7
url: "//example.com"

1
{
2
  id: "my-sites",
3
  name: "我的网站",
4
  color: "#3b82f6",
5
  dotColor: "#ff0000",  // 修改这里改变圆点颜色
6
  // ...
7
}

1
{
2
  id: "hidden-category",
3
  name: "隐藏分类",
4
  sites: [],  // 空数组会自动隐藏
5
  // ...
6
}

1
export const navigationConfig = {
2
  title: "我的导航",  // 修改这里
3
  // ...
4
};

1
{
2
  name: "某网站",
3
  icon: "mdi:web",  // 使用通用网页图标
4
  // ...
5
}