astro-jiao77.cn/docs/UPDATE_CARDS.md

🎯 焦七七小站 - 导航页面更新完成

根据您提供的参考页面，已成功更新了 Astro 版本的导航页面内容。

✅ 更新内容

🏠 页面标题与描述

• 标题: 焦七七小站 (添加了火箭图标 🚀)
• 副标题: 技术服务平台
• 描述: 整合多种自建服务，提供便捷的技术解决方案。从这里发现更多可能性！

🔗 服务卡片 (9个)

1. AList 网盘

   • 图标: fas fa-cloud
   • 链接: http://jiao77.cn:52443
   • 描述: 整合多平台云存储的统一管理工具

2. Q-Nas

   • 图标: fas fa-server
   • 链接: http://jiao77.cn:5666
   • 描述: 基于飞牛系统的nas服务

3. nuc-Nas

   • 图标: fas fa-database
   • 链接: http://jiao77.cn:56661
   • 描述: 另外一个飞牛nas

4. RAGflow 知识库

   • 图标: fas fa-robot
   • 链接: http://jiao77.cn:28081
   • 描述: 基于检索增强生成的知识管理系统

5. Open WebUI

   • 图标: fas fa-brain
   • 链接: http://jiao77.cn:38080
   • 描述: 强大的AI交互界面

6. 技术博客

   • 图标: fas fa-blog
   • 链接: https://jiao77.cn:801
   • 描述: 分享技术思考和项目经验

7. Navidrome 音乐

   • 图标: fas fa-music
   • 链接: http://jiao77.cn:45332
   • 描述: 个人音乐服务器

8. Gitea

   • 图标: fas fa-code-branch
   • 链接: http://jiao77.cn:3012
   • 描述: 轻量级的代码托管解决方案

9. 技术报告

   • 图标: fas fa-file-alt
   • 链接: http://jiao77.cn/report
   • 描述: 技术报告的导航

🔧 技术改进

外部链接支持

• 自动检测外部链接 (http:// 或 https://)
• 为外部链接添加 target="_blank" 和 rel="noopener noreferrer"
• 保持内部链接的默认行为

响应式布局

• 卡片采用3列网格布局 (桌面端)
• 移动端自动适应为单列
• 保持莫兰蒂配色和玻璃质感

动画效果

• 保持原有的渐入动画
• 悬浮效果和交错动画
• 卡片提升和缩放效果

🚀 部署

项目已重新构建完成，可以使用以下命令部署到生产服务器：

./deploy-full.sh

📱 预览

• 开发环境: http://localhost:4321
• 生产环境: http://jiao77.cn (部署后)

🎨 设计特色保持

✅ 玻璃质感背景
✅ 莫兰蒂配色方案
✅ 圆角设计元素
✅ 流畅动画效果
✅ 响应式布局
✅ 现代化UI设计

所有原有的设计特色都已保持，只是将内容替换为您的实际服务链接和描述。