后台管理重塑 + 主题 / 皮肤双轴 + a11y 与编辑器增强

Backend
- Post 加 cover_url,Tag 加 color;老库 ALTER 兼容
- admin API: GET /api/admin/dashboard,POST /bulk,POST /tags/:id/merge,
  PUT /tags/:id 接 {name,color},Settings 加 light_skin_id(兼容老 theme_id)
- 白名单兜底(非法 light_skin_id 落 paper)
- 新增合并 / Dashboard / Theme 测试覆盖

Frontend
- AdminLayout 改为侧边栏布局;新增 Dashboard 总览页
- PostsView 卡片化预览 + 筛选 chip + 批量操作 + 排序
- EditorView 增强:封面图 / WYSIWYG↔MD 双模式 / 实时大纲 / 字数统计 /
  自动保存条 / ⌘S / unsaved 守卫(beforeunload + beforeRouteLeave)
- TagsView 加色板 + 合并到目标
- SettingsView 主题外观改为「亮色皮肤」三选一 + 「暗色皮肤」固定墨色说明
- 新增 CommandPalette(⌘K)+ ShortcutsPanel(?)
- api.js 接新接口;router.js 拆 /admin → /admin/posts

主题 / 皮肤双轴
- site.js: themeMode(light/dark/auto)+ light_skin_id;data-theme 前台,
  data-admin-theme 后台(仅跟随 mode 切明暗)
- styles.css: :root[data-theme] 四套皮肤 + :root[data-admin-theme=dark] 后台墨感
- 修 sticky head / ThemeSwitcher / 表单 / 批量条 等 token 引用
- 后台用独立 --admin-* 系列,与前台主题解耦
- 左栏底部放 inline 形态 ThemeSwitcher(图标按钮 36×36),mobile 保留浮窗

a11y
- 全局 :focus-visible 描边(前后台跟随 token)
- prefers-reduced-motion 全局降级
- color-scheme 随主题切
- meta theme-color 双套(light/dark)
- 命令面板 / 快捷键面板:role=dialog aria-modal aria-label + 搜索框 aria-label
- icon-only 按钮加 aria-label(tag × / 清除选择 / 移除封面等)
- 输入框 aria-label + spellcheck=false
- PostsView 筛选同步 URL(可分享、可刷新保留)
- img width/height + loading=lazy
- utils.js 用 Intl.DateTimeFormat(zh-CN / sv-SE)
This commit is contained in:
cjun committed 2026-09-21 22:14:58 +08:00
1 parent 4d8f2de3a4
commit a721e26e45
32 files changed
+5823 -976

No files matched your search

+8 -6
View File
@@ -71,13 +71,14 @@ async function submit() {
align-items: center;
justify-content: center;
padding: 40px 20px;
background: var(--admin-bg);
}
.card {
width: 100%;
max-width: 380px;
background: var(--card);
border: 1px solid var(--line);
background: var(--admin-card);
border: 1px solid var(--admin-line);
border-radius: 4px;
padding: 28px;
}
@@ -85,10 +86,11 @@ async function submit() {
.title {
font-size: 22px;
margin: 6px 0 22px;
color: var(--admin-ink);
}
.error {
color: #9a5b45;
color: var(--admin-danger);
font-size: 13px;
margin: -6px 0 14px;
}
@@ -97,13 +99,13 @@ async function submit() {
margin-top: 18px;
font-size: 12.5px;
line-height: 1.8;
color: var(--muted);
color: var(--admin-muted);
}
.hint code {
font-family: var(--mono);
font-size: 12px;
background: var(--paper-sunken);
background: var(--admin-paper-sunken);
padding: 1px 4px;
border-radius: 3px;
}
@@ -112,6 +114,6 @@ async function submit() {
display: inline-block;
margin-top: 14px;
font-size: 13px;
color: var(--accent);
color: var(--admin-accent);
}
</style>