Forráskód Böngészése

feat(hugo): 优化配色方案,添加玫瑰色和蓝色,统一项目管理 section

Daily Deploy Bot 16 órája
szülő
commit
cd4b904e44
2 módosított fájl, 17 hozzáadás és 8 törlés
  1. 4 6
      site/content/resume/profile.md
  2. 13 2
      site/static/css/site.css

+ 4 - 6
site/content/resume/profile.md

@@ -15,13 +15,11 @@ summary: "这里放你的个人经历、技能栈和项目摘要。"
 - 方向:AI / 机器人 / 自动化内容生产
 - 工具:Python、Node.js、Docker、Hugo
 
-## 项目经历
-
-### 项目管理
+## 项目管理
 
 本页面汇总所有项目的核心信息与文档链接。每个项目都有独立的文档页面,包含完整的技术细节、架构设计和运维说明。
 
-#### RobotDaily
+### RobotDaily
 **AI 每日论文简报系统**
 
 - **描述**:自动化论文抓取、筛选、解读与多平台推送系统
@@ -30,7 +28,7 @@ summary: "这里放你的个人经历、技能栈和项目摘要。"
 - **Gogs 仓库**:https://code.indigofloyd.space/ClawLab/RobotDaily
 - **项目文档**:[`查看详情`](/projects/robotdaily/)
 
-#### 个人站
+### 个人站
 **Hugo 静态博客平台**
 
 - **描述**:个人站:收纳 AI 每日简报、博客和简历
@@ -39,7 +37,7 @@ summary: "这里放你的个人经历、技能栈和项目摘要。"
 - **Gogs 仓库**:https://code.indigofloyd.space/ClawLab/RobotDaily
 - **项目文档**:[`查看详情`](/projects/)
 
-#### [项目名称]
+### [项目名称]
 **一句话描述项目**
 
 - **描述**:项目的核心功能和目标

+ 13 - 2
site/static/css/site.css

@@ -10,7 +10,16 @@
   --accent: #9c7c75;
   --accent-2: #7a8b9c;
   --border: rgba(45,42,38,0.08);
-  --pink-soft: #f7f1f2;
+  /* 新增配色 */
+  --rose-50: #fff1f2;
+  --rose-100: #ffe4e6;
+  --rose-200: #fecdd3;
+  --rose-300: #fda4af;
+  --blue-50: #f0f9ff;
+  --blue-100: #e0f2fe;
+  --blue-200: #bae6fd;
+  --blue-300: #7dd3fc;
+  --green-soft: #d4e8e3;
   --cream-soft: #fef9f3;
 }
 * { box-sizing: border-box; }
@@ -60,7 +69,8 @@ a:hover { text-decoration: underline; }
 .site-nav a { color: var(--text); font-weight: 500; }
 main.wrap { padding: 32px 0 48px; }
 .card { background: var(--panel); border: 1px solid var(--border); border-radius: 16px; padding: 24px; box-shadow: 0 4px 16px rgba(45,42,38,0.04); }
-.hero { padding: 28px 24px; margin-bottom: 24px; background: linear-gradient(135deg, var(--pink-soft-2) 0%, var(--green-soft) 100%); border: 1px solid var(--border); }
+.post-item:first-child { background: var(--blue-50); }
+.hero { padding: 28px 24px; margin-bottom: 24px; background: var(--rose-50); border: 1px solid var(--border); }
 .hero h1 {
   font-family: "Noto Serif SC", "Source Han Serif CN", "Songti SC", "SimSun", serif;
   font-size: 1.8rem;
@@ -109,6 +119,7 @@ main.wrap { padding: 32px 0 48px; }
 .prose pre { background: var(--panel-soft); padding: 16px; border-radius: 10px; overflow-x: auto; border: 1px solid var(--border); }
 .tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
 .tag { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: var(--panel-soft); color: var(--text); font-size: 0.85rem; border: 1px solid var(--border); font-weight: 500; }
+.tag:first-child { background: var(--rose-50); border-color: var(--rose-200); }
 .site-footer { padding: 0 0 48px; color: var(--muted); font-size: 0.9rem; }
 @media (max-width: 720px) {
   .header-inner, .section-head { flex-direction: column; align-items: flex-start; }