海豚の小窝
首页文章杂谈关系友链关于
封面

全站UI大改版

2026-07-05
✨ 心情:🎨
# UI改版
# 设计优化
# Lucide图标

🎨 全站UI改版

今天对博客做了一次大规模的UI改版,从图标到颜色到布局,基本翻新了一遍。

Emoji → Lucide SVG 图标

全站所有UI用的emoji都替换成了Lucide图标。涉及16个文件:

  • 导航栏的工具菜单(🔮→Sparkles、🎨→Palette、☯️→Compass等)
  • 首页积分说明、统计卡片、登录按钮
  • 塔罗/八字/姻缘/运势/黄历/姓名等所有工具页面
  • AI做图工作台的上传/生图/编辑按钮
  • 关于页、友链页、文章页

Emoji只保留在内容数据中(五行符号、生肖图标等),UI交互全部用矢量图标替代。

主色调:indigo紫 → amber暖色

把全站35个文件中的indigo(本质是紫色)全部替换成了amber暖色调。包括导航栏、按钮、焦点环、active状态、标签页、链接高亮等。现在全站统一是slate灰+amber暖色。

主题切换移入导航栏

首页那个占了一整块区域的主题切换卡片砍掉了,改成导航栏里的一个小太阳/月亮图标。桌面端和移动端都有,每个页面都能随时切换。

新建独立管理后台

把原来dashboard里混在一起的个人数据和管理功能拆开了:

  • /admin — 纯账号管理中心,管所有人的账号和积分
  • /dashboard — 只看个人数据

关于页最下面的"管理面板"入口直接跳转到新的管理后台。

其他修复

  • 管理面板API验证逻辑修复(bcrypt哈希比较的BUG)
  • dashboard拉取用户数据的参数传递修复
  • 积分说明条从三个彩色标签精简为一行纯文字
  • 姓名/塔罗/AI做图三个页面补充SEO元数据
  • 清理了5个孤立的旧用户数据文件
avatar

海豚

只是一个普通人

2026年7月

一
二
三
四
五
六
日
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Recent Records

系统巡检 & BUG修复

2026-07-05

博客502紧急修复

2026-07-03

东方命理上线 & 全面代码审查

2026-07-03