1系统设置 → 图床配置          媒体库
2┌─────────────────┐      ┌─────────────────┐
3│ 添加/编辑 Key    │      │ 本地文件浏览     │
4│ 启用/禁用图床    │      │ 远程图床浏览     │
5│ 测试连接         │      │ 上传到图床       │
6│ 设置默认图床     │      │ 复制链接         │
7└─────────────────┘      └─────────────────┘

1图床配置页面 ──保存──→ imageHosting.json ←──读取── 媒体库（来源列表）
2                                    ←──读取── 上传接口（路由决策）

 1const PROVIDER_FIELDS = {
 2  qiniu: {
 3    name: '七牛云',
 4    fields: [
 5      { key: 'accessKey', label: 'AccessKey', type: 'text' },
 6      { key: 'secretKey', label: 'SecretKey', type: 'password' },
 7      { key: 'bucket', label: 'Bucket（存储空间）', type: 'text' },
 8      { key: 'domain', label: '绑定域名（含 https://）', type: 'text' },
 9      { key: 'region', label: 'Region（如 z0/z1/z2）', type: 'text' }
10    ]
11  },
12  // ... 其他平台
13}

 1app.get('/api/image-hosting/providers', (req, res) => {
 2  const config = loadImageHostingConfig()
 3  const providers = {}
 4  for (const [key, meta] of Object.entries(PROVIDER_FIELDS)) {
 5    const saved = config.providers[key] || {}
 6    providers[key] = {
 7      key,
 8      name: meta.name,
 9      enabled: saved.enabled || false,
10      configured: meta.fields.every(f => saved[f.key]),
11      fields: meta.fields.map(f => ({ ...f, value: saved[f.key] || '' }))
12    }
13  }
14  ok(res, { providers, default: config.default || 'local' })
15})

1if (provider === 'github') {
2  const resp = await fetch(
3    `https://api.github.com/repos/${pConfig.owner}/${pConfig.repo}`,
4    { headers: { Authorization: `token ${pConfig.token}`, 'User-Agent': 'Lumin-Admin' } }
5  )
6  connected = resp.ok
7  message = connected ? 'GitHub 仓库连接成功' : `连接失败: ${resp.status}`
8}

1if (provider === 'qiniu') {
2  connected = !!(pConfig.accessKey && pConfig.secretKey && pConfig.bucket && pConfig.domain)
3  message = connected ? '七牛云配置完整，请上传测试' : '配置不完整'
4}

 1const IMAGE_HOSTING_CONFIG = join(ROOT, 'admin', 'imageHosting.json')
 2
 3function loadImageHostingConfig() {
 4  try {
 5    if (!existsSync(IMAGE_HOSTING_CONFIG)) return { providers: {}, default: 'local' }
 6    return JSON.parse(readFileSync(IMAGE_HOSTING_CONFIG, 'utf-8'))
 7  } catch {
 8    return { providers: {}, default: 'local' }
 9  }
10}
11
12function saveImageHostingConfig(config) {
13  const dir = dirname(IMAGE_HOSTING_CONFIG)
14  if (!existsSync(dir)) mkdirSync(dir, { recursive: true })
15  writeFileSync(IMAGE_HOSTING_CONFIG, JSON.stringify(config, null, 2), 'utf-8')
16}

1.provider-icon {
2  &.icon--qiniu { background: linear-gradient(135deg, #00b4d8, #0077b6); }
3  &.icon--tencent-cos { background: linear-gradient(135deg, #0066ff, #0044cc); }
4  &.icon--aliyun-oss { background: linear-gradient(135deg, #ff6a00, #ee0979); }
5  &.icon--upyun { background: linear-gradient(135deg, #1a9cff, #0066cc); }
6  &.icon--github { background: linear-gradient(135deg, #333, #24292e); }
7  &.icon--cloudflare-r2 { background: linear-gradient(135deg, #f6821f, #fbad41); }
8}

1<el-select v-model="defaultProvider" @change="changeDefault">
2  <el-option label="本地存储" value="local" />
3  <el-option v-for="p in configuredProviders" :key="p.key" :label="p.name" :value="p.key" />
4</el-select>

1async function loadRemoteProviders() {
2  const res = await getImageHostingProviders()
3  const providers = Object.values(res.data.providers || {})
4  remoteProviders.value = providers.filter(p => p.configured && p.enabled)
5}