98 lines
2.5 KiB
Markdown
98 lines
2.5 KiB
Markdown
# 🎯 焦七七小站 - 导航页面更新完成
|
|
|
|
根据您提供的参考页面，已成功更新了 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列网格布局 (桌面端)
|
|
- 移动端自动适应为单列
|
|
- 保持莫兰蒂配色和玻璃质感
|
|
|
|
### 动画效果
|
|
- 保持原有的渐入动画
|
|
- 悬浮效果和交错动画
|
|
- 卡片提升和缩放效果
|
|
|
|
## 🚀 部署
|
|
|
|
项目已重新构建完成，可以使用以下命令部署到生产服务器：
|
|
|
|
```bash
|
|
./deploy-full.sh
|
|
```
|
|
|
|
## 📱 预览
|
|
|
|
- **开发环境**: http://localhost:4321
|
|
- **生产环境**: http://jiao77.cn (部署后)
|
|
|
|
## 🎨 设计特色保持
|
|
|
|
✅ 玻璃质感背景
|
|
✅ 莫兰蒂配色方案
|
|
✅ 圆角设计元素
|
|
✅ 流畅动画效果
|
|
✅ 响应式布局
|
|
✅ 现代化UI设计
|
|
|
|
所有原有的设计特色都已保持，只是将内容替换为您的实际服务链接和描述。 |