gao/website
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: Implement file-based markdown content management system

Browse Source 
- Add Vite import.meta.glob based content loader for efficient markdown processing
- Create separate content directories (blog, articles, docs) under src/content/
- Implement unified content data adapter with type safety
- Add 404 error page with navigation back functionality
- Fix blog and articles routing to support both content types
- Add comprehensive markdown files with frontmatter metadata
- Support for AI-friendly content structure for future translation/summarization
- Replace HTTP-based markdown loading with build-time static analysis
- Maintain backward compatibility with existing BlogPost interfaces

Benefits:
- Individual markdown file maintenance for easier AI processing
- High-performance content loading with Vite's native capabilities
- Type-safe content handling with comprehensive interfaces
- Proper separation of blog posts and technical articles
- Enhanced user experience with proper 404 handling
This commit is contained in:
BrunoGao
2025-10-02 19:53:48 +08:00
parent 231dce4e3f
commit a29b6b6c65
32 changed files with 6509 additions and 958 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/README.md
+295
View File
@@ -0,0 +1,295 @@
# OmniVerse 内容管理指南
本目录包含网站的所有markdown内容文件，包括博客文章、技术文档和文章。
## 目录结构
```
content/
├── blog/ # 博客文章
├── docs/ # 技术文档
├── articles/ # 深度文章
└── README.md # 本文件
```
## 内容类型
### 📝 博客文章 (content/blog/)
博客文章用于分享技术洞察、产品更新、行业动态等。
**文件命名规范：**
- 使用kebab-case格式：`ai-elderly-health-monitoring.md`
- 文件名应该简洁且具有描述性
- 避免使用日期前缀
**Front Matter 字段：**
```yaml
---
id: ai-elderly-health-monitoring # 必填：唯一标识符
category: AI Health # 必填：分类
title: AI如何革新老年人健康监护体系 # 必填：标题
excerpt: 深入探讨人工智能技术... # 必填：摘要
author: 张明博士 # 必填：作者
authorTitle: AI健康技术专家 # 可选：作者职位
authorAvatar: https://... # 可选：作者头像
date: 2024-12-01 # 必填：发布日期
readTime: 8分钟 # 可选：阅读时间
image: https://... # 必填：封面图片
tags: # 可选：标签列表
- AI
- 健康监护
- 老年人护理
likes: 156 # 可选：点赞数
comments: 24 # 可选：评论数
trending: true # 可选：是否热门
relatedPosts: # 可选：相关文章
- wearable-tech-revolution
- smart-health-data-platform
---
```
### 📚 技术文档 (content/docs/)
技术文档用于产品使用指南、API文档、开发教程等。
**Front Matter 字段：**
```yaml
---
id: getting-started # 必填：唯一标识符
title: 快速开始 # 必填：标题
category: 基础教程 # 必填：分类
description: 快速了解如何使用OmniVerse... # 必填：描述
order: 1 # 必填：排序序号
lastUpdated: 2024-12-01 # 必填：最后更新时间
tags: # 可选：标签
- 入门
- 基础
---
```
### 📄 深度文章 (content/articles/)
深度文章用于行业分析、技术深度解读、白皮书等长篇内容。
**Front Matter 字段：**
```yaml
---
id: health-tech-trends-2024 # 必填：唯一标识符
title: 2024年健康科技发展趋势 # 必填：标题
category: 行业分析 # 必填：分类
excerpt: 深度分析2024年健康科技领域... # 必填：摘要
author: 陈研究员 # 必填：作者
date: 2024-11-20 # 必填：发布日期
readTime: 12分钟 # 可选：阅读时间
image: https://... # 必填：封面图片
tags: # 可选：标签
- 行业趋势
- 健康科技
---
```
## 添加新内容
### 1. 创建新的博客文章
```bash
# 1. 创建新文件
touch content/blog/my-new-blog-post.md
# 2. 编辑文件，添加Front Matter和内容
# 3. 提交到git
git add content/blog/my-new-blog-post.md
git commit -m "feat: add new blog post about ..."
```
### 2. 创建新的技术文档
```bash
# 1. 创建新文件
touch content/docs/new-feature-guide.md
# 2. 编辑文件，记住设置order字段
# 3. 提交到git
git add content/docs/new-feature-guide.md
git commit -m "docs: add guide for new feature"
```
### 3. 创建新的文章
```bash
# 1. 创建新文件
touch content/articles/industry-analysis-2024.md
# 2. 编辑文件，添加详细内容
# 3. 提交到git
git add content/articles/industry-analysis-2024.md
git commit -m "feat: add industry analysis article"
```
## 内容编写指南
### Markdown 语法
支持标准的Markdown语法，包括：
- **标题**：使用 `#` 到 `######`
- **段落**：空行分隔
- **列表**：使用 `-` 或 `1.`
- **链接**：`[文本](URL)`
- **图片**：`![alt text](URL)`
- **代码块**：使用 ``` 包围
- **表格**：使用 `|` 分隔列
### 代码块示例
```javascript
// JavaScript代码示例
const api = new OmniVerseAPI({
apiKey: 'your-api-key'
});
const data = await api.getHealthData();
```
```python
# Python代码示例
from omniverse import OmniVerseClient
client = OmniVerseClient(api_key='your-key')
data = client.get_health_data()
```
### 图片使用
- 使用高质量的图片（推荐1200x600像素）
- 优先使用Unsplash等免费图片库
- 确保图片与内容相关
- 添加合适的alt文本
### 内部链接
- 博客文章：`/blog/post-slug`
- 技术文档：`/docs/doc-slug`
- 文章：`/article/article-slug`
## 分类指南
### 博客分类
- **AI Health**: AI在健康领域的应用
- **Wearable Tech**: 可穿戴设备技术
- **Data Platform**: 数据平台和分析
- **Care Robotics**: 护理机器人
- **Industry News**: 行业新闻和动态
### 文档分类
- **基础教程**: 入门和基础概念
- **开发者文档**: API和SDK文档
- **高级功能**: 深入功能指南
- **故障排除**: 问题解决方案
- **最佳实践**: 推荐做法和案例
### 文章分类
- **行业分析**: 市场和趋势分析
- **技术分析**: 深度技术解读
- **案例研究**: 实际应用案例
- **白皮书**: 深度研究报告
## 标签规范
使用一致的标签有助于内容组织和搜索：
**技术标签：**
- AI, 机器学习, 深度学习
- 可穿戴设备, 智能硬件
- 大数据, 数据分析, 云计算
- API, SDK, 开发者
**应用标签：**
- 健康监测, 医疗诊断, 预防医学
- 老年人护理, 居家护理
- 运动健身, 睡眠监测
**行业标签：**
- 数字医疗, 智慧医疗, 精准医疗
- 医疗器械, 健康管理
- 行业趋势, 市场分析
## 提交规范
### Commit Message 格式
```
type: description
type可以是：
- feat: 新增内容
- docs: 文档更新
- fix: 修复内容错误
- update: 更新现有内容
- remove: 删除内容
```
### 示例
```bash
# 新增博客文章
git commit -m "feat: add blog post about AI healthcare trends"
# 更新文档
git commit -m "docs: update API reference with new endpoints"
# 修复内容错误
git commit -m "fix: correct technical details in wearable tech article"
```
## 内容审核
在发布内容前，请确保：
1. **内容质量**
- 语法正确，无错别字
- 逻辑清晰，结构合理
- 技术信息准确
2. **格式规范**
- Front Matter字段完整
- Markdown语法正确
- 图片和链接有效
3. **SEO优化**
- 标题具有描述性
- 摘要吸引人
- 标签相关且准确
## 常见问题
### Q: 如何预览内容效果？
A: 运行开发服务器 `npm run dev`，内容会自动加载显示。
### Q: 可以使用HTML标签吗？
A: 可以在Markdown中使用HTML标签，但建议优先使用Markdown语法。
### Q: 如何添加目录？
A: 系统会自动根据标题生成目录，无需手动添加。
### Q: 图片应该存放在哪里？
A: 建议使用CDN或图片托管服务，在markdown中引用URL。
### Q: 如何处理敏感信息？
A: 不要在内容中包含API密钥、密码等敏感信息。
---
如有任何问题，请联系技术团队或查阅项目文档。
content/blog/ai-elderly-health-monitoring.md
+154
View File
@@ -0,0 +1,154 @@
---
id: ai-elderly-health-monitoring
category: AI Health
title: AI如何革新老年人健康监护体系
excerpt: 深入探讨人工智能技术在老年人健康监护中的创新应用，从智能预警到个性化护理方案的全面解析。
author: 张明博士
authorTitle: AI健康技术专家
authorAvatar: https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face
date: 2024-12-01
readTime: 8分钟
image: https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=800&h=400&fit=crop
tags:
- AI
- 健康监护
- 老年人护理
- 智能医疗
likes: 156
comments: 24
trending: true
relatedPosts:
- wearable-tech-revolution
- smart-health-data-platform
---
# AI如何革新老年人健康监护体系
## 引言
随着全球人口老龄化趋势的加剧，老年人健康监护成为社会关注的焦点。人工智能技术的快速发展为这一领域带来了革命性的变革。本文将深入探讨AI如何改变传统的老年人健康监护模式，创造更智能、更人性化的护理体系。
## AI在健康监测中的应用
### 1. 实时健康数据监测
通过智能穿戴设备，AI可以24小时不间断地监测老年人的生命体征：
- **心率变异性分析**：预测心脏疾病风险
- **睡眠质量评估**：识别睡眠障碍
- **活动模式识别**：检测异常行为
- **跌倒检测**：即时报警系统
### 2. 预测性健康分析
AI通过机器学习算法分析历史健康数据，能够：
```python
# 示例：健康风险预测模型
import pandas as pd
from sklearn.ensemble import RandomForestClassifier
def predict_health_risk(vital_signs_data):
"""
基于生命体征数据预测健康风险
"""
model = RandomForestClassifier()
# 训练模型...
risk_score = model.predict_proba(vital_signs_data)
return risk_score
```
- 提前识别疾病风险
- 个性化健康建议
- 药物依从性监测
- 营养状态评估
## 智能护理机器人的角色
### 情感陪伴与交互
现代AI护理机器人不仅提供基础的健康监测，还能：
- **自然语言交互**：理解老年人的需求和情感
- **个性化对话**：根据用户偏好调整交流方式
- **情绪识别**：检测抑郁、焦虑等心理状态
- **认知训练**：提供记忆训练和智力游戏
### 日常生活辅助
- 药物提醒和管理
- 饮食营养建议
- 运动指导和督促
- 紧急情况处理
## 数据隐私与安全
在AI健康监护系统中，数据安全是至关重要的：
### 隐私保护措施
1. **数据加密**：端到端加密保护敏感信息
2. **本地处理**：关键数据在设备本地处理
3. **匿名化**：个人信息匿名化处理
4. **权限控制**：严格的数据访问权限管理
### 法规合规
- 遵循GDPR等数据保护法规
- 建立透明的数据使用政策
- 定期安全审计和评估
## 未来发展趋势
### 技术创新方向
1. **多模态感知**：整合视觉、听觉、触觉等多种感知方式
2. **边缘计算**：提高响应速度和数据安全性
3. **5G+AI**：实现更快速的数据传输和处理
4. **数字孪生**：创建老年人的数字健康模型
### 挑战与机遇
**挑战：**
- 技术标准化需要完善
- 老年人对新技术的接受度
- 成本控制和普及问题
**机遇：**
- 庞大的市场需求
- 政府政策支持
- 技术不断成熟
## 实际应用案例
### 案例1：智慧养老院
某智慧养老院部署了AI健康监护系统后：
- 减少了30%的紧急医疗事件
- 提高了85%的健康风险预警准确率
- 老人满意度提升至95%
### 案例2：居家护理服务
通过AI居家护理系统：
- 24小时远程监护覆盖率达100%
- 药物依从性提高40%
- 家属安心度显著提升
## 结论
AI技术在老年人健康监护领域的应用前景广阔，它不仅能够提供更精准的健康监测和预警，还能改善老年人的生活质量。随着技术的不断发展和完善，我们有理由相信，AI将为构建更加智能、人性化的老年人健康监护体系发挥越来越重要的作用。
**关键要点总结：**
- AI实现了24/7不间断健康监测
- 预测性分析帮助提前发现健康风险
- 智能护理机器人提供全方位护理服务
- 数据安全和隐私保护是发展基础
- 未来将向多模态、边缘计算方向发展
---
*如果您对AI健康监护技术有任何疑问或想了解更多信息，欢迎在评论区留言讨论。*
content/blog/wearable-tech-revolution.md
+249
View File
@@ -0,0 +1,249 @@
---
id: wearable-tech-revolution
category: Wearable Tech
title: 可穿戴设备：重新定义个人健康管理
excerpt: 从简单的计步器到智能健康伙伴，可穿戴设备正在彻底改变我们管理健康的方式。
author: 李华
authorTitle: 可穿戴技术研究员
authorAvatar: https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face
date: 2024-11-28
readTime: 6分钟
image: https://images.unsplash.com/photo-1544117519-31a4b719223d?w=800&h=400&fit=crop
tags:
- 可穿戴设备
- 健康监测
- 智能硬件
- 个人健康
likes: 89
comments: 16
trending: false
relatedPosts:
- ai-elderly-health-monitoring
- smart-health-data-platform
---
# 可穿戴设备：重新定义个人健康管理
## 技术演进历程
可穿戴设备从最初的计步器发展到今天的智能健康监测系统，经历了几个重要阶段：
### 第一代：基础监测
- 计步、卡路里消耗
- 简单的运动追踪
- 基础的睡眠监测
### 第二代：多功能集成
- 心率监测
- GPS定位
- 智能通知
### 第三代：AI驱动的健康管理
- 连续血氧监测
- ECG心电图
- 压力水平分析
- 个性化健康建议
## 核心技术突破
### 传感器技术
现代可穿戴设备集成了多种先进传感器：
```yaml
传感器类型:
生物传感器:
- 光学心率传感器 (PPG)
- 电阻式皮肤传感器
- 温度传感器
运动传感器:
- 三轴加速度计
- 陀螺仪
- 磁力计
环境传感器:
- 气压计
- 环境光传感器
- 紫外线传感器
```
### 数据处理与AI算法
- **机器学习模型**：个性化健康模式识别
- **信号处理**：噪声过滤和数据清洗
- **预测算法**：健康趋势预测
## 健康监测功能详解
### 1. 心血管健康
**心率变异性（HRV）监测**
- 评估自主神经系统功能
- 压力水平指示
- 恢复状态评估
**血氧饱和度监测**
- 24小时连续监测
- 睡眠呼吸暂停筛查
- 高原反应预警
### 2. 睡眠质量分析
**睡眠阶段识别**
- 深度睡眠
- 快速眼动睡眠（REM）
- 浅睡眠
- 清醒时间
**睡眠质量评分**
- 入睡时间
- 睡眠效率
- 夜间觉醒次数
### 3. 运动与健身
**运动识别**
- 自动识别运动类型
- 运动强度分析
- 卡路里消耗计算
**训练指导**
- 个性化训练计划
- 恢复时间建议
- 运动风险评估
## 数据同步与生态系统
### 云端数据管理
```json
{
"健康数据同步": {
"实时同步": "WiFi/蓝牙",
"离线缓存": "本地存储7天",
"数据备份": "云端永久存储",
"隐私保护": "端到端加密"
}
}
```
### 第三方集成
- **医疗系统集成**：与医院HIS系统对接
- **健康应用生态**：Apple Health、Google Fit
- **保险合作**：健康数据驱动的保险产品
## 用户体验设计
### 界面设计原则
1. **极简设计**：重要信息一目了然
2. **个性化定制**：用户自定义表盘和功能
3. **智能提醒**：合适的时间推送合适的信息
### 交互方式
- **触摸操作**：直观的滑动和点击
- **语音控制**：免手操作
- **手势识别**：抬腕亮屏等
## 技术挑战与解决方案
### 1. 电池续航
**问题**：传感器耗电量大，影响用户体验
**解决方案**：
- 低功耗芯片设计
- 智能功耗管理
- 快速充电技术
### 2. 测量精度
**问题**：运动状态下信号干扰
**解决方案**：
- 多传感器融合
- AI算法优化
- 自适应滤波
### 3. 皮肤适应性
**问题**：长期佩戴舒适度
**解决方案**：
- 医用级材料
- 透气性设计
- 可调节佩戴方式
## 市场趋势与前景
### 当前市场状况
- **市场规模**：2024年全球可穿戴设备市场预计达到1000亿美元
- **增长率**：年复合增长率15-20%
- **主要厂商**：Apple、Samsung、Fitbit、华为、小米
### 未来发展方向
#### 技术发展趋势
1. **无创血糖监测**：革命性的糖尿病管理
2. **血压监测**：连续血压追踪
3. **体成分分析**：肌肉量、体脂率精确测量
4. **情绪识别**：基于生理信号的情绪状态分析
#### 应用场景扩展
- **医疗级监测**：家庭医疗设备
- **企业健康管理**：员工健康计划
- **保险科技**：基于行为的保险产品
- **运动专业化**：专业运动员训练辅助
## 实际应用案例
### 案例1：糖尿病管理
某糖尿病患者使用智能手环配合血糖仪：
- 餐后血糖变化追踪
- 运动对血糖的影响分析
- 药物服用提醒
- 医生远程监护
### 案例2：心脏康复
心脏病术后患者的康复监测：
- 心率变异性监测
- 运动强度控制
- 异常心律预警
- 康复进度评估
## 隐私与安全考虑
### 数据保护措施
- **本地加密**：设备端数据加密存储
- **传输安全**：HTTPS/TLS协议
- **权限控制**：细粒度的数据访问权限
- **用户控制**：数据删除和导出权利
### 合规要求
- **医疗器械认证**：FDA、CE等认证
- **数据保护法规**：GDPR、HIPAA合规
- **行业标准**：ISO 27001安全管理
## 结论
可穿戴设备正在从简单的健身追踪器演变为全面的健康管理平台。随着传感器技术、AI算法和云计算能力的不断提升，我们可以期待更加精准、智能和个性化的健康监测体验。
**未来展望：**
- 医疗级精度的日常监测
- 预防性健康管理成为主流
- 个性化医疗的重要数据来源
- 全民健康水平的整体提升
---
*想了解更多可穿戴技术的最新发展？关注我们的技术博客，获取第一手资讯。*
content/docs/api-reference.md
+464
View File
@@ -0,0 +1,464 @@
---
id: api-reference
title: API参考文档
category: 开发者文档
description: OmniVerse平台完整的API接口文档
order: 10
lastUpdated: 2024-12-01
tags:
- API
- 开发者
- 参考文档
---
# API参考文档
OmniVerse提供完整的RESTful API，支持健康数据获取、设备管理、用户管理等功能。
## 基础信息
- **Base URL**: `https://api.omniverse.com/v1`
- **协议**: HTTPS
- **认证**: Bearer Token
- **数据格式**: JSON
## 认证
### 获取访问令牌
```http
POST /auth/token
Content-Type: application/json
{
"client_id": "your_client_id",
"client_secret": "your_client_secret",
"grant_type": "client_credentials"
}
```
**响应:**
```json
{
"access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
"token_type": "Bearer",
"expires_in": 3600
}
```
### 使用令牌
```http
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
```
## 用户管理
### 获取用户信息
```http
GET /users/{user_id}
Authorization: Bearer {access_token}
```
**响应:**
```json
{
"id": "user_12345",
"name": "张三",
"email": "zhangsan@example.com",
"profile": {
"age": 35,
"gender": "male",
"height": 175,
"weight": 70
},
"created_at": "2024-01-01T00:00:00Z",
"updated_at": "2024-01-15T10:30:00Z"
}
```
### 更新用户信息
```http
PATCH /users/{user_id}
Authorization: Bearer {access_token}
Content-Type: application/json
{
"profile": {
"weight": 68,
"height": 175
}
}
```
## 健康数据
### 获取健康数据
```http
GET /users/{user_id}/health-data
Authorization: Bearer {access_token}
```
**查询参数:**
- `start_date` (string): 开始日期 (YYYY-MM-DD)
- `end_date` (string): 结束日期 (YYYY-MM-DD)
- `metrics` (array): 指标类型
- `device_id` (string): 设备ID (可选)
**示例:**
```http
GET /users/12345/health-data?start_date=2024-01-01&end_date=2024-01-31&metrics=heart_rate,steps,sleep
```
**响应:**
```json
{
"user_id": "12345",
"date_range": {
"start": "2024-01-01",
"end": "2024-01-31"
},
"data": [
{
"date": "2024-01-01",
"metrics": {
"heart_rate": {
"avg": 72,
"min": 60,
"max": 95,
"measurements": [
{
"timestamp": "2024-01-01T08:00:00Z",
"value": 68
}
]
},
"steps": {
"total": 8420,
"goal": 10000,
"achievement_rate": 0.842
},
"sleep": {
"duration": 480,
"deep_sleep": 120,
"light_sleep": 300,
"rem_sleep": 60,
"quality_score": 85
}
}
}
]
}
```
### 上传健康数据
```http
POST /users/{user_id}/health-data
Authorization: Bearer {access_token}
Content-Type: application/json
{
"device_id": "device_67890",
"timestamp": "2024-01-01T10:30:00Z",
"metrics": {
"heart_rate": 75,
"blood_oxygen": 98,
"steps": 1200
}
}
```
## 设备管理
### 获取用户设备
```http
GET /users/{user_id}/devices
Authorization: Bearer {access_token}
```
**响应:**
```json
{
"devices": [
{
"id": "device_67890",
"name": "OmniVerse Watch Pro",
"type": "smartwatch",
"model": "OV-W1",
"firmware_version": "1.2.3",
"battery_level": 85,
"last_sync": "2024-01-01T10:30:00Z",
"status": "connected"
}
]
}
```
### 设备配对
```http
POST /users/{user_id}/devices
Authorization: Bearer {access_token}
Content-Type: application/json
{
"device_code": "ABC123DEF456",
"device_name": "我的智能手环"
}
```
### 设备控制
```http
POST /devices/{device_id}/commands
Authorization: Bearer {access_token}
Content-Type: application/json
{
"command": "sync_data",
"parameters": {
"force": true
}
}
```
## 健康分析
### 获取健康报告
```http
GET /users/{user_id}/reports/{report_type}
Authorization: Bearer {access_token}
```
**报告类型:**
- `daily`: 日报告
- `weekly`: 周报告
- `monthly`: 月报告
**响应:**
```json
{
"report_type": "weekly",
"period": {
"start": "2024-01-01",
"end": "2024-01-07"
},
"summary": {
"avg_heart_rate": 72,
"total_steps": 65420,
"avg_sleep_duration": 450,
"active_days": 6
},
"insights": [
{
"category": "exercise",
"message": "本周运动量比上周增加了15%，继续保持！",
"score": 85
}
],
"recommendations": [
{
"type": "exercise",
"priority": "medium",
"message": "建议每天增加30分钟有氧运动"
}
]
}
```
### 健康风险评估
```http
POST /users/{user_id}/risk-assessment
Authorization: Bearer {access_token}
Content-Type: application/json
{
"assessment_type": "cardiovascular",
"data_range": {
"start": "2024-01-01",
"end": "2024-01-31"
}
}
```
## 通知和提醒
### 发送健康提醒
```http
POST /users/{user_id}/reminders
Authorization: Bearer {access_token}
Content-Type: application/json
{
"type": "medication",
"title": "服药提醒",
"message": "该服用血压药了",
"scheduled_time": "2024-01-01T08:00:00Z",
"repeat": {
"frequency": "daily",
"end_date": "2024-12-31"
}
}
```
### 获取通知历史
```http
GET /users/{user_id}/notifications
Authorization: Bearer {access_token}
```
**查询参数:**
- `type` (string): 通知类型
- `status` (string): 状态 (read/unread)
- `limit` (int): 限制数量
- `offset` (int): 偏移量
## 数据同步
### 第三方平台同步
```http
POST /users/{user_id}/sync/{platform}
Authorization: Bearer {access_token}
Content-Type: application/json
{
"platform_token": "third_party_access_token",
"sync_config": {
"metrics": ["steps", "heart_rate", "sleep"],
"direction": "bidirectional"
}
}
```
**支持的平台:**
- `apple-health`
- `google-fit`
- `samsung-health`
## 错误处理
### 错误响应格式
```json
{
"error": {
"code": "INVALID_REQUEST",
"message": "请求参数无效",
"details": "start_date格式错误，应为YYYY-MM-DD"
},
"request_id": "req_12345"
}
```
### 常见错误码
| 错误码 | HTTP状态码 | 描述 |
|--------|------------|------|
| `UNAUTHORIZED` | 401 | 认证失败 |
| `FORBIDDEN` | 403 | 权限不足 |
| `NOT_FOUND` | 404 | 资源不存在 |
| `INVALID_REQUEST` | 400 | 请求参数错误 |
| `RATE_LIMIT_EXCEEDED` | 429 | 请求频率超限 |
| `INTERNAL_ERROR` | 500 | 服务器内部错误 |
## 速率限制
- **标准用户**: 1000 请求/小时
- **高级用户**: 5000 请求/小时
- **企业用户**: 10000 请求/小时
超出限制会返回 `429 Too Many Requests` 错误。
## SDK和代码示例
### JavaScript SDK
```bash
npm install @omniverse/sdk
```
```javascript
import { OmniVerseAPI } from '@omniverse/sdk';
const client = new OmniVerseAPI({
apiKey: 'your-api-key',
baseURL: 'https://api.omniverse.com/v1'
});
// 获取健康数据
const healthData = await client.users.getHealthData('user_123', {
startDate: '2024-01-01',
endDate: '2024-01-31',
metrics: ['heart_rate', 'steps']
});
```
### Python SDK
```bash
pip install omniverse-sdk
```
```python
from omniverse import OmniVerseClient
client = OmniVerseClient(api_key='your-api-key')
# 获取用户信息
user = client.users.get('user_123')
print(f"用户: {user.name}")
# 获取健康数据
health_data = client.users.get_health_data(
user_id='user_123',
start_date='2024-01-01',
end_date='2024-01-31',
metrics=['heart_rate', 'steps']
)
```
## Webhook
### 配置Webhook
```http
POST /webhooks
Authorization: Bearer {access_token}
Content-Type: application/json
{
"url": "https://your-app.com/webhook",
"events": ["health_data.created", "device.connected"],
"secret": "webhook_secret"
}
```
### Webhook事件
```json
{
"event": "health_data.created",
"timestamp": "2024-01-01T10:30:00Z",
"data": {
"user_id": "user_123",
"device_id": "device_456",
"metrics": {
"heart_rate": 75
}
}
}
```
---
更多详细信息请参考我们的[完整API文档](https://docs.api.omniverse.com)或联系技术支持团队。
content/docs/getting-started.md
+172
View File
@@ -0,0 +1,172 @@
---
id: getting-started
title: 快速开始
category: 基础教程
description: 快速了解如何使用OmniVerse健康监测平台
order: 1
lastUpdated: 2024-12-01
tags:
- 入门
- 基础
- 教程
---
# 快速开始
欢迎使用 OmniVerse 健康监测平台！本指南将帮助您快速上手我们的产品和服务。
## 概述
OmniVerse 是一个综合性的健康监测平台，整合了：
- 智能穿戴设备
- 护理机器人
- 健康数据分析平台
## 快速安装
### 1. 移动应用下载
```bash
# iOS
在App Store搜索"OmniVerse"
# Android
在Google Play Store搜索"OmniVerse"
```
### 2. 设备配对
1. 打开OmniVerse应用
2. 选择"添加设备"
3. 扫描设备二维码或手动搜索
4. 按照屏幕提示完成配对
### 3. 账户设置
```json
{
"基本信息": {
"姓名": "必填",
"年龄": "必填",
"性别": "必填",
"身高": "选填",
"体重": "选填"
},
"健康信息": {
"过敏史": "选填",
"慢性疾病": "选填",
"服用药物": "选填",
"紧急联系人": "建议填写"
}
}
```
## 主要功能
### 健康监测
- **实时监测**：心率、血氧、步数、睡眠
- **数据分析**：健康趋势、异常预警
- **健康报告**：日/周/月度健康总结
### 智能提醒
- 运动提醒
- 服药提醒
- 健康检查提醒
- 异常状况报警
### 数据管理
- 健康数据云端同步
- 历史数据查询
- 数据导出功能
- 隐私设置管理
## API访问
### 认证
```javascript
// JavaScript SDK
import { OmniVerseAPI } from '@omniverse/sdk';
const api = new OmniVerseAPI({
apiKey: 'your-api-key',
endpoint: 'https://api.omniverse.com/v1'
});
```
### 基础用法
```javascript
// 获取用户健康数据
const healthData = await api.getHealthData({
userId: 'user-id',
startDate: '2024-01-01',
endDate: '2024-01-31',
metrics: ['heart_rate', 'steps', 'sleep']
});
// 发送健康提醒
await api.sendHealthReminder({
userId: 'user-id',
type: 'medication',
message: '该服用血压药了',
scheduledTime: '2024-01-01T08:00:00Z'
});
```
## 常见问题
### Q: 设备无法连接怎么办？
**A**: 请检查以下项目：
1. 确保设备已充电
2. 检查蓝牙是否开启
3. 确认设备在可连接范围内（10米以内）
4. 重启应用并重新尝试连接
### Q: 数据不准确怎么办？
**A**: 数据准确性可能受以下因素影响：
- 佩戴位置不正确
- 设备需要清洁
- 运动状态下的信号干扰
- 请参考用户手册正确佩戴
### Q: 如何同步数据到第三方应用？
**A**: 支持以下平台同步：
- Apple Health
- Google Fit
- Samsung Health
- 在"设置 > 数据同步"中配置
## 技术支持
### 在线帮助
- 📧 邮箱：support@omniverse.com
- 💬 在线客服：工作日 9:00-18:00
- 📱 客服电话：400-123-4567
### 开发者资源
- [API文档](/docs/api-reference)
- [SDK下载](/docs/sdk)
- [示例代码](https://github.com/omniverse/examples)
- [开发者论坛](https://forum.omniverse.com)
## 下一步
现在您已经完成了基础设置，建议您：
1. [配置个人健康档案](/docs/health-profile)
2. [了解数据隐私设置](/docs/privacy-settings)
3. [探索高级功能](/docs/advanced-features)
4. [查看API文档](/docs/api-reference)
---
需要更多帮助？请访问我们的[帮助中心](/docs/help-center)或联系技术支持团队。
public/content/README.md
+295
View File
@@ -0,0 +1,295 @@
# OmniVerse 内容管理指南
本目录包含网站的所有markdown内容文件，包括博客文章、技术文档和文章。
## 目录结构
```
content/
├── blog/ # 博客文章
├── docs/ # 技术文档
├── articles/ # 深度文章
└── README.md # 本文件
```
## 内容类型
### 📝 博客文章 (content/blog/)
博客文章用于分享技术洞察、产品更新、行业动态等。
**文件命名规范：**
- 使用kebab-case格式：`ai-elderly-health-monitoring.md`
- 文件名应该简洁且具有描述性
- 避免使用日期前缀
**Front Matter 字段：**
```yaml
---
id: ai-elderly-health-monitoring # 必填：唯一标识符
category: AI Health # 必填：分类
title: AI如何革新老年人健康监护体系 # 必填：标题
excerpt: 深入探讨人工智能技术... # 必填：摘要
author: 张明博士 # 必填：作者
authorTitle: AI健康技术专家 # 可选：作者职位
authorAvatar: https://... # 可选：作者头像
date: 2024-12-01 # 必填：发布日期
readTime: 8分钟 # 可选：阅读时间
image: https://... # 必填：封面图片
tags: # 可选：标签列表
- AI
- 健康监护
- 老年人护理
likes: 156 # 可选：点赞数
comments: 24 # 可选：评论数
trending: true # 可选：是否热门
relatedPosts: # 可选：相关文章
- wearable-tech-revolution
- smart-health-data-platform
---
```
### 📚 技术文档 (content/docs/)
技术文档用于产品使用指南、API文档、开发教程等。
**Front Matter 字段：**
```yaml
---
id: getting-started # 必填：唯一标识符
title: 快速开始 # 必填：标题
category: 基础教程 # 必填：分类
description: 快速了解如何使用OmniVerse... # 必填：描述
order: 1 # 必填：排序序号
lastUpdated: 2024-12-01 # 必填：最后更新时间
tags: # 可选：标签
- 入门
- 基础
---
```
### 📄 深度文章 (content/articles/)
深度文章用于行业分析、技术深度解读、白皮书等长篇内容。
**Front Matter 字段：**
```yaml
---
id: health-tech-trends-2024 # 必填：唯一标识符
title: 2024年健康科技发展趋势 # 必填：标题
category: 行业分析 # 必填：分类
excerpt: 深度分析2024年健康科技领域... # 必填：摘要
author: 陈研究员 # 必填：作者
date: 2024-11-20 # 必填：发布日期
readTime: 12分钟 # 可选：阅读时间
image: https://... # 必填：封面图片
tags: # 可选：标签
- 行业趋势
- 健康科技
---
```
## 添加新内容
### 1. 创建新的博客文章
```bash
# 1. 创建新文件
touch content/blog/my-new-blog-post.md
# 2. 编辑文件，添加Front Matter和内容
# 3. 提交到git
git add content/blog/my-new-blog-post.md
git commit -m "feat: add new blog post about ..."
```
### 2. 创建新的技术文档
```bash
# 1. 创建新文件
touch content/docs/new-feature-guide.md
# 2. 编辑文件，记住设置order字段
# 3. 提交到git
git add content/docs/new-feature-guide.md
git commit -m "docs: add guide for new feature"
```
### 3. 创建新的文章
```bash
# 1. 创建新文件
touch content/articles/industry-analysis-2024.md
# 2. 编辑文件，添加详细内容
# 3. 提交到git
git add content/articles/industry-analysis-2024.md
git commit -m "feat: add industry analysis article"
```
## 内容编写指南
### Markdown 语法
支持标准的Markdown语法，包括：
- **标题**：使用 `#` 到 `######`
- **段落**：空行分隔
- **列表**：使用 `-` 或 `1.`
- **链接**：`[文本](URL)`
- **图片**：`![alt text](URL)`
- **代码块**：使用 ``` 包围
- **表格**：使用 `|` 分隔列
### 代码块示例
```javascript
// JavaScript代码示例
const api = new OmniVerseAPI({
apiKey: 'your-api-key'
});
const data = await api.getHealthData();
```
```python
# Python代码示例
from omniverse import OmniVerseClient
client = OmniVerseClient(api_key='your-key')
data = client.get_health_data()
```
### 图片使用
- 使用高质量的图片（推荐1200x600像素）
- 优先使用Unsplash等免费图片库
- 确保图片与内容相关
- 添加合适的alt文本
### 内部链接
- 博客文章：`/blog/post-slug`
- 技术文档：`/docs/doc-slug`
- 文章：`/article/article-slug`
## 分类指南
### 博客分类
- **AI Health**: AI在健康领域的应用
- **Wearable Tech**: 可穿戴设备技术
- **Data Platform**: 数据平台和分析
- **Care Robotics**: 护理机器人
- **Industry News**: 行业新闻和动态
### 文档分类
- **基础教程**: 入门和基础概念
- **开发者文档**: API和SDK文档
- **高级功能**: 深入功能指南
- **故障排除**: 问题解决方案
- **最佳实践**: 推荐做法和案例
### 文章分类
- **行业分析**: 市场和趋势分析
- **技术分析**: 深度技术解读
- **案例研究**: 实际应用案例
- **白皮书**: 深度研究报告
## 标签规范
使用一致的标签有助于内容组织和搜索：
**技术标签：**
- AI, 机器学习, 深度学习
- 可穿戴设备, 智能硬件
- 大数据, 数据分析, 云计算
- API, SDK, 开发者
**应用标签：**
- 健康监测, 医疗诊断, 预防医学
- 老年人护理, 居家护理
- 运动健身, 睡眠监测
**行业标签：**
- 数字医疗, 智慧医疗, 精准医疗
- 医疗器械, 健康管理
- 行业趋势, 市场分析
## 提交规范
### Commit Message 格式
```
type: description
type可以是：
- feat: 新增内容
- docs: 文档更新
- fix: 修复内容错误
- update: 更新现有内容
- remove: 删除内容
```
### 示例
```bash
# 新增博客文章
git commit -m "feat: add blog post about AI healthcare trends"
# 更新文档
git commit -m "docs: update API reference with new endpoints"
# 修复内容错误
git commit -m "fix: correct technical details in wearable tech article"
```
## 内容审核
在发布内容前，请确保：
1. **内容质量**
- 语法正确，无错别字
- 逻辑清晰，结构合理
- 技术信息准确
2. **格式规范**
- Front Matter字段完整
- Markdown语法正确
- 图片和链接有效
3. **SEO优化**
- 标题具有描述性
- 摘要吸引人
- 标签相关且准确
## 常见问题
### Q: 如何预览内容效果？
A: 运行开发服务器 `npm run dev`，内容会自动加载显示。
### Q: 可以使用HTML标签吗？
A: 可以在Markdown中使用HTML标签，但建议优先使用Markdown语法。
### Q: 如何添加目录？
A: 系统会自动根据标题生成目录，无需手动添加。
### Q: 图片应该存放在哪里？
A: 建议使用CDN或图片托管服务，在markdown中引用URL。
### Q: 如何处理敏感信息？
A: 不要在内容中包含API密钥、密码等敏感信息。
---
如有任何问题，请联系技术团队或查阅项目文档。
public/content/blog/ai-elderly-health-monitoring.md
+154
View File
@@ -0,0 +1,154 @@
---
id: ai-elderly-health-monitoring
category: AI Health
title: AI如何革新老年人健康监护体系
excerpt: 深入探讨人工智能技术在老年人健康监护中的创新应用，从智能预警到个性化护理方案的全面解析。
author: 张明博士
authorTitle: AI健康技术专家
authorAvatar: https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face
date: 2024-12-01
readTime: 8分钟
image: https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=800&h=400&fit=crop
tags:
- AI
- 健康监护
- 老年人护理
- 智能医疗
likes: 156
comments: 24
trending: true
relatedPosts:
- wearable-tech-revolution
- smart-health-data-platform
---
# AI如何革新老年人健康监护体系
## 引言
随着全球人口老龄化趋势的加剧，老年人健康监护成为社会关注的焦点。人工智能技术的快速发展为这一领域带来了革命性的变革。本文将深入探讨AI如何改变传统的老年人健康监护模式，创造更智能、更人性化的护理体系。
## AI在健康监测中的应用
### 1. 实时健康数据监测
通过智能穿戴设备，AI可以24小时不间断地监测老年人的生命体征：
- **心率变异性分析**：预测心脏疾病风险
- **睡眠质量评估**：识别睡眠障碍
- **活动模式识别**：检测异常行为
- **跌倒检测**：即时报警系统
### 2. 预测性健康分析
AI通过机器学习算法分析历史健康数据，能够：
```python
# 示例：健康风险预测模型
import pandas as pd
from sklearn.ensemble import RandomForestClassifier
def predict_health_risk(vital_signs_data):
"""
基于生命体征数据预测健康风险
"""
model = RandomForestClassifier()
# 训练模型...
risk_score = model.predict_proba(vital_signs_data)
return risk_score
```
- 提前识别疾病风险
- 个性化健康建议
- 药物依从性监测
- 营养状态评估
## 智能护理机器人的角色
### 情感陪伴与交互
现代AI护理机器人不仅提供基础的健康监测，还能：
- **自然语言交互**：理解老年人的需求和情感
- **个性化对话**：根据用户偏好调整交流方式
- **情绪识别**：检测抑郁、焦虑等心理状态
- **认知训练**：提供记忆训练和智力游戏
### 日常生活辅助
- 药物提醒和管理
- 饮食营养建议
- 运动指导和督促
- 紧急情况处理
## 数据隐私与安全
在AI健康监护系统中，数据安全是至关重要的：
### 隐私保护措施
1. **数据加密**：端到端加密保护敏感信息
2. **本地处理**：关键数据在设备本地处理
3. **匿名化**：个人信息匿名化处理
4. **权限控制**：严格的数据访问权限管理
### 法规合规
- 遵循GDPR等数据保护法规
- 建立透明的数据使用政策
- 定期安全审计和评估
## 未来发展趋势
### 技术创新方向
1. **多模态感知**：整合视觉、听觉、触觉等多种感知方式
2. **边缘计算**：提高响应速度和数据安全性
3. **5G+AI**：实现更快速的数据传输和处理
4. **数字孪生**：创建老年人的数字健康模型
### 挑战与机遇
**挑战：**
- 技术标准化需要完善
- 老年人对新技术的接受度
- 成本控制和普及问题
**机遇：**
- 庞大的市场需求
- 政府政策支持
- 技术不断成熟
## 实际应用案例
### 案例1：智慧养老院
某智慧养老院部署了AI健康监护系统后：
- 减少了30%的紧急医疗事件
- 提高了85%的健康风险预警准确率
- 老人满意度提升至95%
### 案例2：居家护理服务
通过AI居家护理系统：
- 24小时远程监护覆盖率达100%
- 药物依从性提高40%
- 家属安心度显著提升
## 结论
AI技术在老年人健康监护领域的应用前景广阔，它不仅能够提供更精准的健康监测和预警，还能改善老年人的生活质量。随着技术的不断发展和完善，我们有理由相信，AI将为构建更加智能、人性化的老年人健康监护体系发挥越来越重要的作用。
**关键要点总结：**
- AI实现了24/7不间断健康监测
- 预测性分析帮助提前发现健康风险
- 智能护理机器人提供全方位护理服务
- 数据安全和隐私保护是发展基础
- 未来将向多模态、边缘计算方向发展
---
*如果您对AI健康监护技术有任何疑问或想了解更多信息，欢迎在评论区留言讨论。*
public/content/blog/wearable-tech-revolution.md
+249
View File
@@ -0,0 +1,249 @@
---
id: wearable-tech-revolution
category: Wearable Tech
title: 可穿戴设备：重新定义个人健康管理
excerpt: 从简单的计步器到智能健康伙伴，可穿戴设备正在彻底改变我们管理健康的方式。
author: 李华
authorTitle: 可穿戴技术研究员
authorAvatar: https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face
date: 2024-11-28
readTime: 6分钟
image: https://images.unsplash.com/photo-1544117519-31a4b719223d?w=800&h=400&fit=crop
tags:
- 可穿戴设备
- 健康监测
- 智能硬件
- 个人健康
likes: 89
comments: 16
trending: false
relatedPosts:
- ai-elderly-health-monitoring
- smart-health-data-platform
---
# 可穿戴设备：重新定义个人健康管理
## 技术演进历程
可穿戴设备从最初的计步器发展到今天的智能健康监测系统，经历了几个重要阶段：
### 第一代：基础监测
- 计步、卡路里消耗
- 简单的运动追踪
- 基础的睡眠监测
### 第二代：多功能集成
- 心率监测
- GPS定位
- 智能通知
### 第三代：AI驱动的健康管理
- 连续血氧监测
- ECG心电图
- 压力水平分析
- 个性化健康建议
## 核心技术突破
### 传感器技术
现代可穿戴设备集成了多种先进传感器：
```yaml
传感器类型:
生物传感器:
- 光学心率传感器 (PPG)
- 电阻式皮肤传感器
- 温度传感器
运动传感器:
- 三轴加速度计
- 陀螺仪
- 磁力计
环境传感器:
- 气压计
- 环境光传感器
- 紫外线传感器
```
### 数据处理与AI算法
- **机器学习模型**：个性化健康模式识别
- **信号处理**：噪声过滤和数据清洗
- **预测算法**：健康趋势预测
## 健康监测功能详解
### 1. 心血管健康
**心率变异性（HRV）监测**
- 评估自主神经系统功能
- 压力水平指示
- 恢复状态评估
**血氧饱和度监测**
- 24小时连续监测
- 睡眠呼吸暂停筛查
- 高原反应预警
### 2. 睡眠质量分析
**睡眠阶段识别**
- 深度睡眠
- 快速眼动睡眠（REM）
- 浅睡眠
- 清醒时间
**睡眠质量评分**
- 入睡时间
- 睡眠效率
- 夜间觉醒次数
### 3. 运动与健身
**运动识别**
- 自动识别运动类型
- 运动强度分析
- 卡路里消耗计算
**训练指导**
- 个性化训练计划
- 恢复时间建议
- 运动风险评估
## 数据同步与生态系统
### 云端数据管理
```json
{
"健康数据同步": {
"实时同步": "WiFi/蓝牙",
"离线缓存": "本地存储7天",
"数据备份": "云端永久存储",
"隐私保护": "端到端加密"
}
}
```
### 第三方集成
- **医疗系统集成**：与医院HIS系统对接
- **健康应用生态**：Apple Health、Google Fit
- **保险合作**：健康数据驱动的保险产品
## 用户体验设计
### 界面设计原则
1. **极简设计**：重要信息一目了然
2. **个性化定制**：用户自定义表盘和功能
3. **智能提醒**：合适的时间推送合适的信息
### 交互方式
- **触摸操作**：直观的滑动和点击
- **语音控制**：免手操作
- **手势识别**：抬腕亮屏等
## 技术挑战与解决方案
### 1. 电池续航
**问题**：传感器耗电量大，影响用户体验
**解决方案**：
- 低功耗芯片设计
- 智能功耗管理
- 快速充电技术
### 2. 测量精度
**问题**：运动状态下信号干扰
**解决方案**：
- 多传感器融合
- AI算法优化
- 自适应滤波
### 3. 皮肤适应性
**问题**：长期佩戴舒适度
**解决方案**：
- 医用级材料
- 透气性设计
- 可调节佩戴方式
## 市场趋势与前景
### 当前市场状况
- **市场规模**：2024年全球可穿戴设备市场预计达到1000亿美元
- **增长率**：年复合增长率15-20%
- **主要厂商**：Apple、Samsung、Fitbit、华为、小米
### 未来发展方向
#### 技术发展趋势
1. **无创血糖监测**：革命性的糖尿病管理
2. **血压监测**：连续血压追踪
3. **体成分分析**：肌肉量、体脂率精确测量
4. **情绪识别**：基于生理信号的情绪状态分析
#### 应用场景扩展
- **医疗级监测**：家庭医疗设备
- **企业健康管理**：员工健康计划
- **保险科技**：基于行为的保险产品
- **运动专业化**：专业运动员训练辅助
## 实际应用案例
### 案例1：糖尿病管理
某糖尿病患者使用智能手环配合血糖仪：
- 餐后血糖变化追踪
- 运动对血糖的影响分析
- 药物服用提醒
- 医生远程监护
### 案例2：心脏康复
心脏病术后患者的康复监测：
- 心率变异性监测
- 运动强度控制
- 异常心律预警
- 康复进度评估
## 隐私与安全考虑
### 数据保护措施
- **本地加密**：设备端数据加密存储
- **传输安全**：HTTPS/TLS协议
- **权限控制**：细粒度的数据访问权限
- **用户控制**：数据删除和导出权利
### 合规要求
- **医疗器械认证**：FDA、CE等认证
- **数据保护法规**：GDPR、HIPAA合规
- **行业标准**：ISO 27001安全管理
## 结论
可穿戴设备正在从简单的健身追踪器演变为全面的健康管理平台。随着传感器技术、AI算法和云计算能力的不断提升，我们可以期待更加精准、智能和个性化的健康监测体验。
**未来展望：**
- 医疗级精度的日常监测
- 预防性健康管理成为主流
- 个性化医疗的重要数据来源
- 全民健康水平的整体提升
---
*想了解更多可穿戴技术的最新发展？关注我们的技术博客，获取第一手资讯。*
public/content/docs/api-reference.md
+464
View File
@@ -0,0 +1,464 @@
---
id: api-reference
title: API参考文档
category: 开发者文档
description: OmniVerse平台完整的API接口文档
order: 10
lastUpdated: 2024-12-01
tags:
- API
- 开发者
- 参考文档
---
# API参考文档
OmniVerse提供完整的RESTful API，支持健康数据获取、设备管理、用户管理等功能。
## 基础信息
- **Base URL**: `https://api.omniverse.com/v1`
- **协议**: HTTPS
- **认证**: Bearer Token
- **数据格式**: JSON
## 认证
### 获取访问令牌
```http
POST /auth/token
Content-Type: application/json
{
"client_id": "your_client_id",
"client_secret": "your_client_secret",
"grant_type": "client_credentials"
}
```
**响应:**
```json
{
"access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
"token_type": "Bearer",
"expires_in": 3600
}
```
### 使用令牌
```http
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
```
## 用户管理
### 获取用户信息
```http
GET /users/{user_id}
Authorization: Bearer {access_token}
```
**响应:**
```json
{
"id": "user_12345",
"name": "张三",
"email": "zhangsan@example.com",
"profile": {
"age": 35,
"gender": "male",
"height": 175,
"weight": 70
},
"created_at": "2024-01-01T00:00:00Z",
"updated_at": "2024-01-15T10:30:00Z"
}
```
### 更新用户信息
```http
PATCH /users/{user_id}
Authorization: Bearer {access_token}
Content-Type: application/json
{
"profile": {
"weight": 68,
"height": 175
}
}
```
## 健康数据
### 获取健康数据
```http
GET /users/{user_id}/health-data
Authorization: Bearer {access_token}
```
**查询参数:**
- `start_date` (string): 开始日期 (YYYY-MM-DD)
- `end_date` (string): 结束日期 (YYYY-MM-DD)
- `metrics` (array): 指标类型
- `device_id` (string): 设备ID (可选)
**示例:**
```http
GET /users/12345/health-data?start_date=2024-01-01&end_date=2024-01-31&metrics=heart_rate,steps,sleep
```
**响应:**
```json
{
"user_id": "12345",
"date_range": {
"start": "2024-01-01",
"end": "2024-01-31"
},
"data": [
{
"date": "2024-01-01",
"metrics": {
"heart_rate": {
"avg": 72,
"min": 60,
"max": 95,
"measurements": [
{
"timestamp": "2024-01-01T08:00:00Z",
"value": 68
}
]
},
"steps": {
"total": 8420,
"goal": 10000,
"achievement_rate": 0.842
},
"sleep": {
"duration": 480,
"deep_sleep": 120,
"light_sleep": 300,
"rem_sleep": 60,
"quality_score": 85
}
}
}
]
}
```
### 上传健康数据
```http
POST /users/{user_id}/health-data
Authorization: Bearer {access_token}
Content-Type: application/json
{
"device_id": "device_67890",
"timestamp": "2024-01-01T10:30:00Z",
"metrics": {
"heart_rate": 75,
"blood_oxygen": 98,
"steps": 1200
}
}
```
## 设备管理
### 获取用户设备
```http
GET /users/{user_id}/devices
Authorization: Bearer {access_token}
```
**响应:**
```json
{
"devices": [
{
"id": "device_67890",
"name": "OmniVerse Watch Pro",
"type": "smartwatch",
"model": "OV-W1",
"firmware_version": "1.2.3",
"battery_level": 85,
"last_sync": "2024-01-01T10:30:00Z",
"status": "connected"
}
]
}
```
### 设备配对
```http
POST /users/{user_id}/devices
Authorization: Bearer {access_token}
Content-Type: application/json
{
"device_code": "ABC123DEF456",
"device_name": "我的智能手环"
}
```
### 设备控制
```http
POST /devices/{device_id}/commands
Authorization: Bearer {access_token}
Content-Type: application/json
{
"command": "sync_data",
"parameters": {
"force": true
}
}
```
## 健康分析
### 获取健康报告
```http
GET /users/{user_id}/reports/{report_type}
Authorization: Bearer {access_token}
```
**报告类型:**
- `daily`: 日报告
- `weekly`: 周报告
- `monthly`: 月报告
**响应:**
```json
{
"report_type": "weekly",
"period": {
"start": "2024-01-01",
"end": "2024-01-07"
},
"summary": {
"avg_heart_rate": 72,
"total_steps": 65420,
"avg_sleep_duration": 450,
"active_days": 6
},
"insights": [
{
"category": "exercise",
"message": "本周运动量比上周增加了15%，继续保持！",
"score": 85
}
],
"recommendations": [
{
"type": "exercise",
"priority": "medium",
"message": "建议每天增加30分钟有氧运动"
}
]
}
```
### 健康风险评估
```http
POST /users/{user_id}/risk-assessment
Authorization: Bearer {access_token}
Content-Type: application/json
{
"assessment_type": "cardiovascular",
"data_range": {
"start": "2024-01-01",
"end": "2024-01-31"
}
}
```
## 通知和提醒
### 发送健康提醒
```http
POST /users/{user_id}/reminders
Authorization: Bearer {access_token}
Content-Type: application/json
{
"type": "medication",
"title": "服药提醒",
"message": "该服用血压药了",
"scheduled_time": "2024-01-01T08:00:00Z",
"repeat": {
"frequency": "daily",
"end_date": "2024-12-31"
}
}
```
### 获取通知历史
```http
GET /users/{user_id}/notifications
Authorization: Bearer {access_token}
```
**查询参数:**
- `type` (string): 通知类型
- `status` (string): 状态 (read/unread)
- `limit` (int): 限制数量
- `offset` (int): 偏移量
## 数据同步
### 第三方平台同步
```http
POST /users/{user_id}/sync/{platform}
Authorization: Bearer {access_token}
Content-Type: application/json
{
"platform_token": "third_party_access_token",
"sync_config": {
"metrics": ["steps", "heart_rate", "sleep"],
"direction": "bidirectional"
}
}
```
**支持的平台:**
- `apple-health`
- `google-fit`
- `samsung-health`
## 错误处理
### 错误响应格式
```json
{
"error": {
"code": "INVALID_REQUEST",
"message": "请求参数无效",
"details": "start_date格式错误，应为YYYY-MM-DD"
},
"request_id": "req_12345"
}
```
### 常见错误码
| 错误码 | HTTP状态码 | 描述 |
|--------|------------|------|
| `UNAUTHORIZED` | 401 | 认证失败 |
| `FORBIDDEN` | 403 | 权限不足 |
| `NOT_FOUND` | 404 | 资源不存在 |
| `INVALID_REQUEST` | 400 | 请求参数错误 |
| `RATE_LIMIT_EXCEEDED` | 429 | 请求频率超限 |
| `INTERNAL_ERROR` | 500 | 服务器内部错误 |
## 速率限制
- **标准用户**: 1000 请求/小时
- **高级用户**: 5000 请求/小时
- **企业用户**: 10000 请求/小时
超出限制会返回 `429 Too Many Requests` 错误。
## SDK和代码示例
### JavaScript SDK
```bash
npm install @omniverse/sdk
```
```javascript
import { OmniVerseAPI } from '@omniverse/sdk';
const client = new OmniVerseAPI({
apiKey: 'your-api-key',
baseURL: 'https://api.omniverse.com/v1'
});
// 获取健康数据
const healthData = await client.users.getHealthData('user_123', {
startDate: '2024-01-01',
endDate: '2024-01-31',
metrics: ['heart_rate', 'steps']
});
```
### Python SDK
```bash
pip install omniverse-sdk
```
```python
from omniverse import OmniVerseClient
client = OmniVerseClient(api_key='your-api-key')
# 获取用户信息
user = client.users.get('user_123')
print(f"用户: {user.name}")
# 获取健康数据
health_data = client.users.get_health_data(
user_id='user_123',
start_date='2024-01-01',
end_date='2024-01-31',
metrics=['heart_rate', 'steps']
)
```
## Webhook
### 配置Webhook
```http
POST /webhooks
Authorization: Bearer {access_token}
Content-Type: application/json
{
"url": "https://your-app.com/webhook",
"events": ["health_data.created", "device.connected"],
"secret": "webhook_secret"
}
```
### Webhook事件
```json
{
"event": "health_data.created",
"timestamp": "2024-01-01T10:30:00Z",
"data": {
"user_id": "user_123",
"device_id": "device_456",
"metrics": {
"heart_rate": 75
}
}
}
```
---
更多详细信息请参考我们的[完整API文档](https://docs.api.omniverse.com)或联系技术支持团队。
public/content/docs/getting-started.md
+172
View File
@@ -0,0 +1,172 @@
---
id: getting-started
title: 快速开始
category: 基础教程
description: 快速了解如何使用OmniVerse健康监测平台
order: 1
lastUpdated: 2024-12-01
tags:
- 入门
- 基础
- 教程
---
# 快速开始
欢迎使用 OmniVerse 健康监测平台！本指南将帮助您快速上手我们的产品和服务。
## 概述
OmniVerse 是一个综合性的健康监测平台，整合了：
- 智能穿戴设备
- 护理机器人
- 健康数据分析平台
## 快速安装
### 1. 移动应用下载
```bash
# iOS
在App Store搜索"OmniVerse"
# Android
在Google Play Store搜索"OmniVerse"
```
### 2. 设备配对
1. 打开OmniVerse应用
2. 选择"添加设备"
3. 扫描设备二维码或手动搜索
4. 按照屏幕提示完成配对
### 3. 账户设置
```json
{
"基本信息": {
"姓名": "必填",
"年龄": "必填",
"性别": "必填",
"身高": "选填",
"体重": "选填"
},
"健康信息": {
"过敏史": "选填",
"慢性疾病": "选填",
"服用药物": "选填",
"紧急联系人": "建议填写"
}
}
```
## 主要功能
### 健康监测
- **实时监测**：心率、血氧、步数、睡眠
- **数据分析**：健康趋势、异常预警
- **健康报告**：日/周/月度健康总结
### 智能提醒
- 运动提醒
- 服药提醒
- 健康检查提醒
- 异常状况报警
### 数据管理
- 健康数据云端同步
- 历史数据查询
- 数据导出功能
- 隐私设置管理
## API访问
### 认证
```javascript
// JavaScript SDK
import { OmniVerseAPI } from '@omniverse/sdk';
const api = new OmniVerseAPI({
apiKey: 'your-api-key',
endpoint: 'https://api.omniverse.com/v1'
});
```
### 基础用法
```javascript
// 获取用户健康数据
const healthData = await api.getHealthData({
userId: 'user-id',
startDate: '2024-01-01',
endDate: '2024-01-31',
metrics: ['heart_rate', 'steps', 'sleep']
});
// 发送健康提醒
await api.sendHealthReminder({
userId: 'user-id',
type: 'medication',
message: '该服用血压药了',
scheduledTime: '2024-01-01T08:00:00Z'
});
```
## 常见问题
### Q: 设备无法连接怎么办？
**A**: 请检查以下项目：
1. 确保设备已充电
2. 检查蓝牙是否开启
3. 确认设备在可连接范围内（10米以内）
4. 重启应用并重新尝试连接
### Q: 数据不准确怎么办？
**A**: 数据准确性可能受以下因素影响：
- 佩戴位置不正确
- 设备需要清洁
- 运动状态下的信号干扰
- 请参考用户手册正确佩戴
### Q: 如何同步数据到第三方应用？
**A**: 支持以下平台同步：
- Apple Health
- Google Fit
- Samsung Health
- 在"设置 > 数据同步"中配置
## 技术支持
### 在线帮助
- 📧 邮箱：support@omniverse.com
- 💬 在线客服：工作日 9:00-18:00
- 📱 客服电话：400-123-4567
### 开发者资源
- [API文档](/docs/api-reference)
- [SDK下载](/docs/sdk)
- [示例代码](https://github.com/omniverse/examples)
- [开发者论坛](https://forum.omniverse.com)
## 下一步
现在您已经完成了基础设置，建议您：
1. [配置个人健康档案](/docs/health-profile)
2. [了解数据隐私设置](/docs/privacy-settings)
3. [探索高级功能](/docs/advanced-features)
4. [查看API文档](/docs/api-reference)
---
需要更多帮助？请访问我们的[帮助中心](/docs/help-center)或联系技术支持团队。
src/App.tsx
+2
View File
@@ -10,6 +10,7 @@ import DocDetail from './pages/DocDetail'
import ProductDetail from './pages/ProductDetail'
import SolutionDetail from './pages/SolutionDetail'
import UserProfile from './pages/UserProfile'
import NotFound from './pages/NotFound'
import Footer from './components/sections/Footer'
import SearchModal from './components/SearchModal'
import AuthModal from './components/AuthModal'
@@ -43,6 +44,7 @@ function App() {
<Route path="/product/:productId" element={<ProductDetail />} />
<Route path="/solution/:solutionId" element={<SolutionDetail />} />
<Route path="/profile" element={<UserProfile />} />
<Route path="*" element={<NotFound />} />
</Routes>
<SearchModal />
<AuthModal
src/components/sections/BlogSection.tsx
+7 -3
View File
@@ -3,15 +3,19 @@ import { motion } from 'framer-motion';
import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import { Calendar, Clock, ArrowRight, Tag, TrendingUp, User, Heart, MessageCircle, Bookmark } from 'lucide-react';
import { blogPosts } from '../../data/blogData';
import { loadBlogPosts } from '../../data/markdownBlogData';
import { useTheme } from '../../contexts/ThemeContext';
const BlogSection: React.FC = () => {
const { t } = useTranslation();
const { effectiveTheme } = useTheme();
const [displayPosts, setDisplayPosts] = React.useState<any[]>([]);
// Use first 4 posts from blogData
const displayPosts = blogPosts.slice(0, 4);
React.useEffect(() => {
loadBlogPosts().then(posts => {
setDisplayPosts(posts.slice(0, 4));
});
}, []);
const categories = [
{ name: 'All Posts', count: 156, icon: '📚' },
src/content/articles/ai-healthcare-revolution.md
+191
View File
@@ -0,0 +1,191 @@
---
id: ai-healthcare-revolution
title: AI正在如何颠覆传统医疗行业
category: 技术分析
excerpt: 全面解析人工智能技术在医疗健康领域的革命性应用和未来前景。
author: 刘博士
authorTitle: AI医疗研究专家
authorAvatar: https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face
date: 2024-11-15
readTime: 15分钟
image: https://images.unsplash.com/photo-1576671081837-49000212a370?w=800&h=400&fit=crop
tags:
- AI
- 医疗革命
- 技术分析
- 未来医疗
likes: 245
comments: 56
trending: true
type: analysis
---
# AI正在如何颠覆传统医疗行业
## 变革领域分析
### 诊断与检测
- **医学影像分析**：AI识别率超越人类专家
- **病理学诊断**：自动化病理切片分析
- **早期疾病筛查**：从症状前期发现疾病信号
### 治疗与手术
- **手术机器人**：精准度提升10倍
- **精准放疗**：肿瘤靶向治疗精度达毫米级
- **个性化用药**：基因数据指导用药选择
### 健康管理
- **预防性医疗**：风险预测模型准确率85%
- **慢病管理**：24/7智能监护系统
- **健康监测**：实时生理指标分析
## 核心技术深度解析
### 机器学习在医疗中的应用
```python
# AI诊断示例：肺部X光片分析
import tensorflow as tf
from tensorflow.keras import models, layers
def create_chest_xray_model():
"""
构建胸部X光片诊断模型
"""
model = models.Sequential([
layers.Conv2D(32, (3, 3), activation='relu', input_shape=(224, 224, 1)),
layers.MaxPooling2D((2, 2)),
layers.Conv2D(64, (3, 3), activation='relu'),
layers.MaxPooling2D((2, 2)),
layers.Conv2D(128, (3, 3), activation='relu'),
layers.Flatten(),
layers.Dense(512, activation='relu'),
layers.Dropout(0.5),
layers.Dense(3, activation='softmax') # 正常/肺炎/COVID-19
])
model.compile(
optimizer='adam',
loss='categorical_crossentropy',
metrics=['accuracy']
)
return model
# 预测函数
def predict_chest_condition(model, image_path):
"""
预测胸部X光片的诊断结果
"""
# 图像预处理
image = tf.keras.preprocessing.image.load_img(
image_path, target_size=(224, 224), color_mode='grayscale'
)
image_array = tf.keras.preprocessing.image.img_to_array(image)
image_array = tf.expand_dims(image_array, 0)
image_array /= 255.0
# 预测
predictions = model.predict(image_array)
conditions = ['正常', '肺炎', 'COVID-19']
return {
'predicted_condition': conditions[np.argmax(predictions)],
'confidence': float(np.max(predictions)),
'all_probabilities': {
condition: float(prob)
for condition, prob in zip(conditions, predictions[0])
}
}
```
### 自然语言处理在电子病历中的应用
```python
# 电子病历智能分析
import spacy
from transformers import pipeline
class MedicalNLPAnalyzer:
def __init__(self):
self.nlp = spacy.load("en_core_web_sm")
self.classifier = pipeline("text-classification",
model="bert-base-chinese")
def extract_symptoms(self, medical_record):
"""
从病历中提取症状信息
"""
doc = self.nlp(medical_record)
symptoms = []
for ent in doc.ents:
if ent.label_ in ["SYMPTOM", "DISEASE"]:
symptoms.append({
'text': ent.text,
'label': ent.label_,
'confidence': ent._.confidence if hasattr(ent._, 'confidence') else 1.0
})
return symptoms
def risk_assessment(self, patient_data):
"""
基于患者数据评估健康风险
"""
risk_factors = self.classifier(patient_data['symptoms'])
risk_score = 0
for factor in risk_factors:
if factor['label'] == 'HIGH_RISK':
risk_score += factor['score'] * 0.8
elif factor['label'] == 'MEDIUM_RISK':
risk_score += factor['score'] * 0.5
return {
'risk_level': 'HIGH' if risk_score > 0.7 else 'MEDIUM' if risk_score > 0.4 else 'LOW',
'risk_score': risk_score,
'recommendations': self.generate_recommendations(risk_score)
}
```
## 挑战与解决方案
### 技术挑战
- **数据质量问题**：医疗数据标准化困难
- **算法可解释性**：黑盒模型难以获得医生信任
- **跨域迁移**：不同医院系统间的适配问题
### 伦理与法律挑战
- **责任归属**：AI诊断错误的法律责任
- **隐私保护**：患者数据的安全使用
- **公平性**：避免算法偏见影响医疗公平
### 解决策略
1. **建立行业标准**：统一数据格式和质量标准
2. **开发可解释AI**：提供决策过程的透明度
3. **完善法律框架**：明确AI医疗的责任边界
4. **加强医生培训**：提升医护人员AI素养
## 未来发展趋势
### 短期趋势（1-3年）
- AI辅助诊断工具大规模部署
- 远程医疗平台智能化升级
- 医疗机器人进入手术室
### 中期趋势（3-5年）
- 个性化治疗方案标准化
- AI药物研发商业化
- 数字疗法获得广泛认可
### 长期愿景（5-10年）
- 全民健康AI管家普及
- 疾病预防体系智能化
- 医疗资源配置自动优化
## 结论
AI正在从根本上改变医疗健康行业的运作方式。虽然面临诸多挑战，但其带来的机遇远大于风险。成功的关键在于平衡技术创新与安全合规，确保AI技术真正服务于人类健康福祉。
医疗AI的未来不是替代医生，而是增强医生的能力，让优质医疗服务更加普及和可及。
src/content/articles/health-tech-trends-2024.md
+80
View File
@@ -0,0 +1,80 @@
---
id: health-tech-trends-2024
title: 2024年健康科技发展趋势
category: 行业分析
excerpt: 深度分析2024年健康科技领域的最新发展趋势和技术突破。
author: 陈研究员
authorTitle: 健康科技分析师
authorAvatar: https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face
date: 2024-11-20
readTime: 12分钟
image: https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=800&h=400&fit=crop
tags:
- 行业趋势
- 健康科技
- 2024
- 技术创新
likes: 198
comments: 45
trending: true
type: industry
---
# 2024年健康科技发展趋势
## 主要趋势
### 1. AI+医疗深度融合
- 医疗影像AI诊断准确率突破95%
- 药物研发AI加速，时间缩短40%
- 个性化治疗方案普及化
### 2. 数字疗法兴起
- 软件即医疗设备(SaMD)获得监管认可
- 数字药物概念正式进入临床
- 远程治疗方案覆盖率达60%
### 3. 精准医学发展
- 基因检测成本降至100美元以下
- 个性化医疗方案准确率提升85%
- 生物标志物应用范围扩大
## 技术突破
### 传感器技术革新
- 无创血糖监测技术商业化
- 柔性可穿戴传感器批量生产
- 植入式传感器安全性提升
### 数据处理能力飞跃
- 边缘计算在医疗设备中普及
- 联邦学习保护患者隐私
- 实时健康数据分析成为标配
## 市场预测
### 投资热点
1. **数字疗法公司** - 预计融资增长200%
2. **AI诊断平台** - 市场规模达150亿美元
3. **远程医疗服务** - 用户增长率300%
### 政策环境
- 多国出台数字医疗监管框架
- 跨境医疗数据流动规范完善
- 医疗AI安全标准统一化
## 挑战与机遇
### 面临挑战
- 数据隐私保护要求提高
- 医疗AI可解释性亟需提升
- 跨平台互操作性标准缺失
### 发展机遇
- 老龄化社会带来巨大需求
- 政府政策支持力度加大
- 技术成熟度显著提升
## 未来展望
2024年将成为健康科技发展的关键节点，AI、大数据、物联网等技术的深度融合将推动医疗健康产业进入新的发展阶段。企业需要把握技术趋势，积极拥抱变化，在确保安全合规的前提下，加速创新步伐。
src/content/articles/smart-wearable-analysis.md
+229
View File
@@ -0,0 +1,229 @@
---
id: smart-wearable-analysis
title: 智能穿戴设备市场深度分析报告
category: 行业分析
excerpt: 深入分析智能穿戴设备行业现状、发展趋势及投资机会。
author: 市场研究团队
authorTitle: 行业分析师
authorAvatar: https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?w=100&h=100&fit=crop&crop=face
date: 2024-11-10
readTime: 20分钟
image: https://images.unsplash.com/photo-1544117519-31a4b719223d?w=800&h=400&fit=crop
tags:
- 智能穿戴
- 市场分析
- 行业报告
- 投资机会
likes: 189
comments: 43
trending: false
type: research
---
# 智能穿戴设备市场深度分析报告
## 市场概况
### 全球市场规模
- **2024年市场规模**：450亿美元
- **年复合增长率**：预计15.2%
- **中国市场占比**：超过30%
- **预计2028年**：达到750亿美元
### 主要产品类型分析
| 产品类型 | 市场占比 | 增长率 | 主要厂商 |
|---------|---------|--------|----------|
| 智能手表 | 45% | 18% | Apple, Samsung, 华为 |
| 健身追踪器 | 25% | 12% | Fitbit, 小米, Garmin |
| 智能耳机 | 20% | 25% | Apple, Sony, Bose |
| 智能眼镜 | 5% | 35% | Google, Microsoft |
| 其他设备 | 5% | 15% | 各类初创公司 |
## 技术发展趋势
### 传感器技术升级
- **血氧监测**：精度提升至医疗级标准
- **心电图功能**：从高端向中端产品普及
- **血糖无创检测**：技术突破，预计2025年商用
- **体温监测**：连续监测技术成熟
### AI算法优化
- **健康数据智能分析**：准确率提升40%
- **个性化健康建议**：基于用户行为模式
- **异常情况预警**：假阳性率降低60%
- **运动表现优化**：专业级运动指导
### 电池与充电技术
- **续航时间**：主流产品达到7-14天
- **无线充电**：成为标配功能
- **太阳能充电**：在户外设备中应用
- **快速充电**：15分钟充电支持1天使用
## 市场竞争格局
### 领先厂商分析
#### Apple (市场份额28%)
- **优势**：生态系统整合、品牌影响力
- **产品线**：Apple Watch系列、AirPods系列
- **策略**：高端市场定位，健康功能深化
#### 三星 (市场份额15%)
- **优势**：Android生态、显示技术
- **产品线**：Galaxy Watch、Galaxy Buds
- **策略**：差异化功能，与手机深度集成
#### 华为 (市场份额12%)
- **优势**：技术创新、本土化服务
- **产品线**：Watch GT、FreeBuds系列
- **策略**：健康管理生态，运动专业化
#### 小米 (市场份额8%)
- **优势**：性价比、产品丰富度
- **产品线**：小米手环、Redmi系列
- **策略**：大众市场覆盖，功能实用化
### 竞争优势要素分析
1. **生态系统整合能力** (权重30%)
2. **健康算法准确性** (权重25%)
3. **产品设计与用户体验** (权重20%)
4. **价格竞争力** (权重15%)
5. **品牌影响力** (权重10%)
## 用户行为洞察
### 购买决策因素
```python
# 用户购买决策权重分析
decision_factors = {
'健康监测功能': 0.35,
'电池续航': 0.20,
'价格': 0.18,
'外观设计': 0.12,
'品牌信任度': 0.10,
'兼容性': 0.05
}
def calculate_purchase_likelihood(product_features):
"""
计算产品购买可能性
"""
score = 0
for factor, weight in decision_factors.items():
if factor in product_features:
score += product_features[factor] * weight
return min(score, 1.0) # 最大值为1.0
# 示例：评估某款智能手表
smartwatch_features = {
'健康监测功能': 0.9, # 功能丰富度评分
'电池续航': 0.8, # 续航能力评分
'价格': 0.6, # 价格竞争力评分
'外观设计': 0.85, # 设计吸引力评分
'品牌信任度': 0.9, # 品牌信任度评分
'兼容性': 0.95 # 系统兼容性评分
}
likelihood = calculate_purchase_likelihood(smartwatch_features)
print(f"购买可能性评分: {likelihood:.2f}")
```
### 使用场景分析
1. **日常健康监测** (85%用户)
- 心率、步数、睡眠质量跟踪
- 久坐提醒、饮水提醒
2. **运动健身** (70%用户)
- 运动模式识别、轨迹记录
- 卡路里消耗、运动建议
3. **智能生活** (60%用户)
- 消息通知、音乐控制
- 移动支付、智能家居控制
4. **紧急求助** (30%用户)
- 跌倒检测、SOS功能
- 位置共享、紧急联系
## 投资机会与风险
### 投资热点领域
#### 医疗级穿戴设备
- **市场需求**：慢病管理、老龄化社会
- **技术门槛**：高精度传感器、医疗认证
- **投资规模**：预计年投资50亿美元
#### 老年人健康监护
- **市场规模**：2024年达80亿美元
- **增长驱动**：人口老龄化、家庭护理需求
- **关键技术**：跌倒检测、健康异常预警
#### 运动专业设备
- **细分市场**：专业运动员、健身爱好者
- **技术特点**：高精度传感、专业分析
- **合作模式**：与体育品牌、健身房合作
#### 企业健康管理
- **B端市场**：企业员工健康管理
- **服务模式**：设备+平台+服务
- **商业价值**：提高员工健康、降低医疗成本
### 风险因素评估
#### 技术风险
- **标准化挑战**：不同厂商标准不统一
- **精度限制**：消费级设备vs医疗级要求
- **续航瓶颈**：功能增加vs电池技术发展
#### 市场风险
- **竞争激烈**：头部厂商垄断趋势
- **市场饱和**：发达地区市场增长放缓
- **消费降级**：经济环境影响消费意愿
#### 监管风险
- **数据隐私**：GDPR、CCPA等法规要求
- **医疗监管**：FDA、NMPA等认证要求
- **跨境贸易**：国际贸易政策变化
## 未来发展预测
### 2025-2027年趋势预测
1. **技术融合加速**
- AI+IoT深度融合
- 5G网络普及应用
- 边缘计算能力提升
2. **应用场景拓展**
- 医疗健康专业化
- 工业安全监控
- 教育培训辅助
3. **商业模式创新**
- 硬件+服务订阅
- 数据变现探索
- 生态平台化
### 投资建议
#### 对投资者的建议
1. **关注技术创新**：重点关注传感器、AI算法突破
2. **布局细分市场**：医疗级、专业运动等高价值领域
3. **重视生态建设**：软硬件一体化、平台化发展
4. **防范政策风险**：关注数据保护、医疗监管政策
#### 对企业的建议
1. **差异化定位**：避免同质化竞争
2. **技术护城河**：建立核心技术壁垒
3. **用户体验优化**：提升产品易用性
4. **国际化布局**：拓展海外市场机会
## 结论
智能穿戴设备市场正处于快速发展期，技术创新和应用场景拓展是主要驱动力。尽管面临激烈竞争和监管挑战，但医疗健康、老龄化社会等刚性需求为行业提供了广阔的发展空间。
成功的关键在于技术创新、生态建设和用户体验的平衡，以及对细分市场机会的精准把握。
src/content/blog/ai-elderly-health-monitoring.md
+154
View File
@@ -0,0 +1,154 @@
---
id: ai-elderly-health-monitoring
category: AI Health
title: AI如何革新老年人健康监护体系
excerpt: 深入探讨人工智能技术在老年人健康监护中的创新应用，从智能预警到个性化护理方案的全面解析。
author: 张明博士
authorTitle: AI健康技术专家
authorAvatar: https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face
date: 2024-12-01
readTime: 8分钟
image: https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=800&h=400&fit=crop
tags:
- AI
- 健康监护
- 老年人护理
- 智能医疗
likes: 156
comments: 24
trending: true
relatedPosts:
- wearable-tech-revolution
- smart-health-data-platform
---
# AI如何革新老年人健康监护体系
## 引言
随着全球人口老龄化趋势的加剧，老年人健康监护成为社会关注的焦点。人工智能技术的快速发展为这一领域带来了革命性的变革。本文将深入探讨AI如何改变传统的老年人健康监护模式，创造更智能、更人性化的护理体系。
## AI在健康监测中的应用
### 1. 实时健康数据监测
通过智能穿戴设备，AI可以24小时不间断地监测老年人的生命体征：
- **心率变异性分析**：预测心脏疾病风险
- **睡眠质量评估**：识别睡眠障碍
- **活动模式识别**：检测异常行为
- **跌倒检测**：即时报警系统
### 2. 预测性健康分析
AI通过机器学习算法分析历史健康数据，能够：
```python
# 示例：健康风险预测模型
import pandas as pd
from sklearn.ensemble import RandomForestClassifier
def predict_health_risk(vital_signs_data):
"""
基于生命体征数据预测健康风险
"""
model = RandomForestClassifier()
# 训练模型...
risk_score = model.predict_proba(vital_signs_data)
return risk_score
```
- 提前识别疾病风险
- 个性化健康建议
- 药物依从性监测
- 营养状态评估
## 智能护理机器人的角色
### 情感陪伴与交互
现代AI护理机器人不仅提供基础的健康监测，还能：
- **自然语言交互**：理解老年人的需求和情感
- **个性化对话**：根据用户偏好调整交流方式
- **情绪识别**：检测抑郁、焦虑等心理状态
- **认知训练**：提供记忆训练和智力游戏
### 日常生活辅助
- 药物提醒和管理
- 饮食营养建议
- 运动指导和督促
- 紧急情况处理
## 数据隐私与安全
在AI健康监护系统中，数据安全是至关重要的：
### 隐私保护措施
1. **数据加密**：端到端加密保护敏感信息
2. **本地处理**：关键数据在设备本地处理
3. **匿名化**：个人信息匿名化处理
4. **权限控制**：严格的数据访问权限管理
### 法规合规
- 遵循GDPR等数据保护法规
- 建立透明的数据使用政策
- 定期安全审计和评估
## 未来发展趋势
### 技术创新方向
1. **多模态感知**：整合视觉、听觉、触觉等多种感知方式
2. **边缘计算**：提高响应速度和数据安全性
3. **5G+AI**：实现更快速的数据传输和处理
4. **数字孪生**：创建老年人的数字健康模型
### 挑战与机遇
**挑战：**
- 技术标准化需要完善
- 老年人对新技术的接受度
- 成本控制和普及问题
**机遇：**
- 庞大的市场需求
- 政府政策支持
- 技术不断成熟
## 实际应用案例
### 案例1：智慧养老院
某智慧养老院部署了AI健康监护系统后：
- 减少了30%的紧急医疗事件
- 提高了85%的健康风险预警准确率
- 老人满意度提升至95%
### 案例2：居家护理服务
通过AI居家护理系统：
- 24小时远程监护覆盖率达100%
- 药物依从性提高40%
- 家属安心度显著提升
## 结论
AI技术在老年人健康监护领域的应用前景广阔，它不仅能够提供更精准的健康监测和预警，还能改善老年人的生活质量。随着技术的不断发展和完善，我们有理由相信，AI将为构建更加智能、人性化的老年人健康监护体系发挥越来越重要的作用。
**关键要点总结：**
- AI实现了24/7不间断健康监测
- 预测性分析帮助提前发现健康风险
- 智能护理机器人提供全方位护理服务
- 数据安全和隐私保护是发展基础
- 未来将向多模态、边缘计算方向发展
---
*如果您对AI健康监护技术有任何疑问或想了解更多信息，欢迎在评论区留言讨论。*
src/content/blog/wearable-tech-revolution.md
+249
View File
@@ -0,0 +1,249 @@
---
id: wearable-tech-revolution
category: Wearable Tech
title: 可穿戴设备：重新定义个人健康管理
excerpt: 从简单的计步器到智能健康伙伴，可穿戴设备正在彻底改变我们管理健康的方式。
author: 李华
authorTitle: 可穿戴技术研究员
authorAvatar: https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face
date: 2024-11-28
readTime: 6分钟
image: https://images.unsplash.com/photo-1544117519-31a4b719223d?w=800&h=400&fit=crop
tags:
- 可穿戴设备
- 健康监测
- 智能硬件
- 个人健康
likes: 89
comments: 16
trending: false
relatedPosts:
- ai-elderly-health-monitoring
- smart-health-data-platform
---
# 可穿戴设备：重新定义个人健康管理
## 技术演进历程
可穿戴设备从最初的计步器发展到今天的智能健康监测系统，经历了几个重要阶段：
### 第一代：基础监测
- 计步、卡路里消耗
- 简单的运动追踪
- 基础的睡眠监测
### 第二代：多功能集成
- 心率监测
- GPS定位
- 智能通知
### 第三代：AI驱动的健康管理
- 连续血氧监测
- ECG心电图
- 压力水平分析
- 个性化健康建议
## 核心技术突破
### 传感器技术
现代可穿戴设备集成了多种先进传感器：
```yaml
传感器类型:
生物传感器:
- 光学心率传感器 (PPG)
- 电阻式皮肤传感器
- 温度传感器
运动传感器:
- 三轴加速度计
- 陀螺仪
- 磁力计
环境传感器:
- 气压计
- 环境光传感器
- 紫外线传感器
```
### 数据处理与AI算法
- **机器学习模型**：个性化健康模式识别
- **信号处理**：噪声过滤和数据清洗
- **预测算法**：健康趋势预测
## 健康监测功能详解
### 1. 心血管健康
**心率变异性（HRV）监测**
- 评估自主神经系统功能
- 压力水平指示
- 恢复状态评估
**血氧饱和度监测**
- 24小时连续监测
- 睡眠呼吸暂停筛查
- 高原反应预警
### 2. 睡眠质量分析
**睡眠阶段识别**
- 深度睡眠
- 快速眼动睡眠（REM）
- 浅睡眠
- 清醒时间
**睡眠质量评分**
- 入睡时间
- 睡眠效率
- 夜间觉醒次数
### 3. 运动与健身
**运动识别**
- 自动识别运动类型
- 运动强度分析
- 卡路里消耗计算
**训练指导**
- 个性化训练计划
- 恢复时间建议
- 运动风险评估
## 数据同步与生态系统
### 云端数据管理
```json
{
"健康数据同步": {
"实时同步": "WiFi/蓝牙",
"离线缓存": "本地存储7天",
"数据备份": "云端永久存储",
"隐私保护": "端到端加密"
}
}
```
### 第三方集成
- **医疗系统集成**：与医院HIS系统对接
- **健康应用生态**：Apple Health、Google Fit
- **保险合作**：健康数据驱动的保险产品
## 用户体验设计
### 界面设计原则
1. **极简设计**：重要信息一目了然
2. **个性化定制**：用户自定义表盘和功能
3. **智能提醒**：合适的时间推送合适的信息
### 交互方式
- **触摸操作**：直观的滑动和点击
- **语音控制**：免手操作
- **手势识别**：抬腕亮屏等
## 技术挑战与解决方案
### 1. 电池续航
**问题**：传感器耗电量大，影响用户体验
**解决方案**：
- 低功耗芯片设计
- 智能功耗管理
- 快速充电技术
### 2. 测量精度
**问题**：运动状态下信号干扰
**解决方案**：
- 多传感器融合
- AI算法优化
- 自适应滤波
### 3. 皮肤适应性
**问题**：长期佩戴舒适度
**解决方案**：
- 医用级材料
- 透气性设计
- 可调节佩戴方式
## 市场趋势与前景
### 当前市场状况
- **市场规模**：2024年全球可穿戴设备市场预计达到1000亿美元
- **增长率**：年复合增长率15-20%
- **主要厂商**：Apple、Samsung、Fitbit、华为、小米
### 未来发展方向
#### 技术发展趋势
1. **无创血糖监测**：革命性的糖尿病管理
2. **血压监测**：连续血压追踪
3. **体成分分析**：肌肉量、体脂率精确测量
4. **情绪识别**：基于生理信号的情绪状态分析
#### 应用场景扩展
- **医疗级监测**：家庭医疗设备
- **企业健康管理**：员工健康计划
- **保险科技**：基于行为的保险产品
- **运动专业化**：专业运动员训练辅助
## 实际应用案例
### 案例1：糖尿病管理
某糖尿病患者使用智能手环配合血糖仪：
- 餐后血糖变化追踪
- 运动对血糖的影响分析
- 药物服用提醒
- 医生远程监护
### 案例2：心脏康复
心脏病术后患者的康复监测：
- 心率变异性监测
- 运动强度控制
- 异常心律预警
- 康复进度评估
## 隐私与安全考虑
### 数据保护措施
- **本地加密**：设备端数据加密存储
- **传输安全**：HTTPS/TLS协议
- **权限控制**：细粒度的数据访问权限
- **用户控制**：数据删除和导出权利
### 合规要求
- **医疗器械认证**：FDA、CE等认证
- **数据保护法规**：GDPR、HIPAA合规
- **行业标准**：ISO 27001安全管理
## 结论
可穿戴设备正在从简单的健身追踪器演变为全面的健康管理平台。随着传感器技术、AI算法和云计算能力的不断提升，我们可以期待更加精准、智能和个性化的健康监测体验。
**未来展望：**
- 医疗级精度的日常监测
- 预防性健康管理成为主流
- 个性化医疗的重要数据来源
- 全民健康水平的整体提升
---
*想了解更多可穿戴技术的最新发展？关注我们的技术博客，获取第一手资讯。*
src/content/docs/api-reference.md
+464
View File
@@ -0,0 +1,464 @@
---
id: api-reference
title: API参考文档
category: 开发者文档
description: OmniVerse平台完整的API接口文档
order: 10
lastUpdated: 2024-12-01
tags:
- API
- 开发者
- 参考文档
---
# API参考文档
OmniVerse提供完整的RESTful API，支持健康数据获取、设备管理、用户管理等功能。
## 基础信息
- **Base URL**: `https://api.omniverse.com/v1`
- **协议**: HTTPS
- **认证**: Bearer Token
- **数据格式**: JSON
## 认证
### 获取访问令牌
```http
POST /auth/token
Content-Type: application/json
{
"client_id": "your_client_id",
"client_secret": "your_client_secret",
"grant_type": "client_credentials"
}
```
**响应:**
```json
{
"access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
"token_type": "Bearer",
"expires_in": 3600
}
```
### 使用令牌
```http
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
```
## 用户管理
### 获取用户信息
```http
GET /users/{user_id}
Authorization: Bearer {access_token}
```
**响应:**
```json
{
"id": "user_12345",
"name": "张三",
"email": "zhangsan@example.com",
"profile": {
"age": 35,
"gender": "male",
"height": 175,
"weight": 70
},
"created_at": "2024-01-01T00:00:00Z",
"updated_at": "2024-01-15T10:30:00Z"
}
```
### 更新用户信息
```http
PATCH /users/{user_id}
Authorization: Bearer {access_token}
Content-Type: application/json
{
"profile": {
"weight": 68,
"height": 175
}
}
```
## 健康数据
### 获取健康数据
```http
GET /users/{user_id}/health-data
Authorization: Bearer {access_token}
```
**查询参数:**
- `start_date` (string): 开始日期 (YYYY-MM-DD)
- `end_date` (string): 结束日期 (YYYY-MM-DD)
- `metrics` (array): 指标类型
- `device_id` (string): 设备ID (可选)
**示例:**
```http
GET /users/12345/health-data?start_date=2024-01-01&end_date=2024-01-31&metrics=heart_rate,steps,sleep
```
**响应:**
```json
{
"user_id": "12345",
"date_range": {
"start": "2024-01-01",
"end": "2024-01-31"
},
"data": [
{
"date": "2024-01-01",
"metrics": {
"heart_rate": {
"avg": 72,
"min": 60,
"max": 95,
"measurements": [
{
"timestamp": "2024-01-01T08:00:00Z",
"value": 68
}
]
},
"steps": {
"total": 8420,
"goal": 10000,
"achievement_rate": 0.842
},
"sleep": {
"duration": 480,
"deep_sleep": 120,
"light_sleep": 300,
"rem_sleep": 60,
"quality_score": 85
}
}
}
]
}
```
### 上传健康数据
```http
POST /users/{user_id}/health-data
Authorization: Bearer {access_token}
Content-Type: application/json
{
"device_id": "device_67890",
"timestamp": "2024-01-01T10:30:00Z",
"metrics": {
"heart_rate": 75,
"blood_oxygen": 98,
"steps": 1200
}
}
```
## 设备管理
### 获取用户设备
```http
GET /users/{user_id}/devices
Authorization: Bearer {access_token}
```
**响应:**
```json
{
"devices": [
{
"id": "device_67890",
"name": "OmniVerse Watch Pro",
"type": "smartwatch",
"model": "OV-W1",
"firmware_version": "1.2.3",
"battery_level": 85,
"last_sync": "2024-01-01T10:30:00Z",
"status": "connected"
}
]
}
```
### 设备配对
```http
POST /users/{user_id}/devices
Authorization: Bearer {access_token}
Content-Type: application/json
{
"device_code": "ABC123DEF456",
"device_name": "我的智能手环"
}
```
### 设备控制
```http
POST /devices/{device_id}/commands
Authorization: Bearer {access_token}
Content-Type: application/json
{
"command": "sync_data",
"parameters": {
"force": true
}
}
```
## 健康分析
### 获取健康报告
```http
GET /users/{user_id}/reports/{report_type}
Authorization: Bearer {access_token}
```
**报告类型:**
- `daily`: 日报告
- `weekly`: 周报告
- `monthly`: 月报告
**响应:**
```json
{
"report_type": "weekly",
"period": {
"start": "2024-01-01",
"end": "2024-01-07"
},
"summary": {
"avg_heart_rate": 72,
"total_steps": 65420,
"avg_sleep_duration": 450,
"active_days": 6
},
"insights": [
{
"category": "exercise",
"message": "本周运动量比上周增加了15%，继续保持！",
"score": 85
}
],
"recommendations": [
{
"type": "exercise",
"priority": "medium",
"message": "建议每天增加30分钟有氧运动"
}
]
}
```
### 健康风险评估
```http
POST /users/{user_id}/risk-assessment
Authorization: Bearer {access_token}
Content-Type: application/json
{
"assessment_type": "cardiovascular",
"data_range": {
"start": "2024-01-01",
"end": "2024-01-31"
}
}
```
## 通知和提醒
### 发送健康提醒
```http
POST /users/{user_id}/reminders
Authorization: Bearer {access_token}
Content-Type: application/json
{
"type": "medication",
"title": "服药提醒",
"message": "该服用血压药了",
"scheduled_time": "2024-01-01T08:00:00Z",
"repeat": {
"frequency": "daily",
"end_date": "2024-12-31"
}
}
```
### 获取通知历史
```http
GET /users/{user_id}/notifications
Authorization: Bearer {access_token}
```
**查询参数:**
- `type` (string): 通知类型
- `status` (string): 状态 (read/unread)
- `limit` (int): 限制数量
- `offset` (int): 偏移量
## 数据同步
### 第三方平台同步
```http
POST /users/{user_id}/sync/{platform}
Authorization: Bearer {access_token}
Content-Type: application/json
{
"platform_token": "third_party_access_token",
"sync_config": {
"metrics": ["steps", "heart_rate", "sleep"],
"direction": "bidirectional"
}
}
```
**支持的平台:**
- `apple-health`
- `google-fit`
- `samsung-health`
## 错误处理
### 错误响应格式
```json
{
"error": {
"code": "INVALID_REQUEST",
"message": "请求参数无效",
"details": "start_date格式错误，应为YYYY-MM-DD"
},
"request_id": "req_12345"
}
```
### 常见错误码
| 错误码 | HTTP状态码 | 描述 |
|--------|------------|------|
| `UNAUTHORIZED` | 401 | 认证失败 |
| `FORBIDDEN` | 403 | 权限不足 |
| `NOT_FOUND` | 404 | 资源不存在 |
| `INVALID_REQUEST` | 400 | 请求参数错误 |
| `RATE_LIMIT_EXCEEDED` | 429 | 请求频率超限 |
| `INTERNAL_ERROR` | 500 | 服务器内部错误 |
## 速率限制
- **标准用户**: 1000 请求/小时
- **高级用户**: 5000 请求/小时
- **企业用户**: 10000 请求/小时
超出限制会返回 `429 Too Many Requests` 错误。
## SDK和代码示例
### JavaScript SDK
```bash
npm install @omniverse/sdk
```
```javascript
import { OmniVerseAPI } from '@omniverse/sdk';
const client = new OmniVerseAPI({
apiKey: 'your-api-key',
baseURL: 'https://api.omniverse.com/v1'
});
// 获取健康数据
const healthData = await client.users.getHealthData('user_123', {
startDate: '2024-01-01',
endDate: '2024-01-31',
metrics: ['heart_rate', 'steps']
});
```
### Python SDK
```bash
pip install omniverse-sdk
```
```python
from omniverse import OmniVerseClient
client = OmniVerseClient(api_key='your-api-key')
# 获取用户信息
user = client.users.get('user_123')
print(f"用户: {user.name}")
# 获取健康数据
health_data = client.users.get_health_data(
user_id='user_123',
start_date='2024-01-01',
end_date='2024-01-31',
metrics=['heart_rate', 'steps']
)
```
## Webhook
### 配置Webhook
```http
POST /webhooks
Authorization: Bearer {access_token}
Content-Type: application/json
{
"url": "https://your-app.com/webhook",
"events": ["health_data.created", "device.connected"],
"secret": "webhook_secret"
}
```
### Webhook事件
```json
{
"event": "health_data.created",
"timestamp": "2024-01-01T10:30:00Z",
"data": {
"user_id": "user_123",
"device_id": "device_456",
"metrics": {
"heart_rate": 75
}
}
}
```
---
更多详细信息请参考我们的[完整API文档](https://docs.api.omniverse.com)或联系技术支持团队。
src/content/docs/getting-started.md
+172
View File
@@ -0,0 +1,172 @@
---
id: getting-started
title: 快速开始
category: 基础教程
description: 快速了解如何使用OmniVerse健康监测平台
order: 1
lastUpdated: 2024-12-01
tags:
- 入门
- 基础
- 教程
---
# 快速开始
欢迎使用 OmniVerse 健康监测平台！本指南将帮助您快速上手我们的产品和服务。
## 概述
OmniVerse 是一个综合性的健康监测平台，整合了：
- 智能穿戴设备
- 护理机器人
- 健康数据分析平台
## 快速安装
### 1. 移动应用下载
```bash
# iOS
在App Store搜索"OmniVerse"
# Android
在Google Play Store搜索"OmniVerse"
```
### 2. 设备配对
1. 打开OmniVerse应用
2. 选择"添加设备"
3. 扫描设备二维码或手动搜索
4. 按照屏幕提示完成配对
### 3. 账户设置
```json
{
"基本信息": {
"姓名": "必填",
"年龄": "必填",
"性别": "必填",
"身高": "选填",
"体重": "选填"
},
"健康信息": {
"过敏史": "选填",
"慢性疾病": "选填",
"服用药物": "选填",
"紧急联系人": "建议填写"
}
}
```
## 主要功能
### 健康监测
- **实时监测**：心率、血氧、步数、睡眠
- **数据分析**：健康趋势、异常预警
- **健康报告**：日/周/月度健康总结
### 智能提醒
- 运动提醒
- 服药提醒
- 健康检查提醒
- 异常状况报警
### 数据管理
- 健康数据云端同步
- 历史数据查询
- 数据导出功能
- 隐私设置管理
## API访问
### 认证
```javascript
// JavaScript SDK
import { OmniVerseAPI } from '@omniverse/sdk';
const api = new OmniVerseAPI({
apiKey: 'your-api-key',
endpoint: 'https://api.omniverse.com/v1'
});
```
### 基础用法
```javascript
// 获取用户健康数据
const healthData = await api.getHealthData({
userId: 'user-id',
startDate: '2024-01-01',
endDate: '2024-01-31',
metrics: ['heart_rate', 'steps', 'sleep']
});
// 发送健康提醒
await api.sendHealthReminder({
userId: 'user-id',
type: 'medication',
message: '该服用血压药了',
scheduledTime: '2024-01-01T08:00:00Z'
});
```
## 常见问题
### Q: 设备无法连接怎么办？
**A**: 请检查以下项目：
1. 确保设备已充电
2. 检查蓝牙是否开启
3. 确认设备在可连接范围内（10米以内）
4. 重启应用并重新尝试连接
### Q: 数据不准确怎么办？
**A**: 数据准确性可能受以下因素影响：
- 佩戴位置不正确
- 设备需要清洁
- 运动状态下的信号干扰
- 请参考用户手册正确佩戴
### Q: 如何同步数据到第三方应用？
**A**: 支持以下平台同步：
- Apple Health
- Google Fit
- Samsung Health
- 在"设置 > 数据同步"中配置
## 技术支持
### 在线帮助
- 📧 邮箱：support@omniverse.com
- 💬 在线客服：工作日 9:00-18:00
- 📱 客服电话：400-123-4567
### 开发者资源
- [API文档](/docs/api-reference)
- [SDK下载](/docs/sdk)
- [示例代码](https://github.com/omniverse/examples)
- [开发者论坛](https://forum.omniverse.com)
## 下一步
现在您已经完成了基础设置，建议您：
1. [配置个人健康档案](/docs/health-profile)
2. [了解数据隐私设置](/docs/privacy-settings)
3. [探索高级功能](/docs/advanced-features)
4. [查看API文档](/docs/api-reference)
---
需要更多帮助？请访问我们的[帮助中心](/docs/help-center)或联系技术支持团队。
src/data/blogData.ts
+51
View File
@@ -1,3 +1,5 @@
import { getBlogPosts, getBlogPost, MarkdownContent } from '../utils/markdownLoader';
export interface BlogPost {
id: string;
category: string;
@@ -17,6 +19,55 @@ export interface BlogPost {
relatedPosts?: string[];
}
// 转换markdown内容为BlogPost格式
function convertMarkdownToBlogPost(markdown: MarkdownContent): BlogPost {
const { frontMatter, content } = markdown;
return {
id: frontMatter.id,
category: frontMatter.category || 'Uncategorized',
title: frontMatter.title,
excerpt: frontMatter.excerpt || '',
content,
author: frontMatter.author || 'Anonymous',
authorAvatar: frontMatter.authorAvatar,
authorTitle: frontMatter.authorTitle,
date: frontMatter.date || new Date().toISOString(),
readTime: frontMatter.readTime || '5分钟',
image: frontMatter.image || 'https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=800&h=400&fit=crop',
tags: frontMatter.tags || [],
likes: frontMatter.likes || 0,
comments: frontMatter.comments || 0,
trending: frontMatter.trending || false,
relatedPosts: frontMatter.relatedPosts || []
};
}
// 从markdown文件加载博客文章
export async function loadBlogPosts(): Promise<BlogPost[]> {
const markdownPosts = await getBlogPosts();
return markdownPosts.map(convertMarkdownToBlogPost);
}
// 获取单个博客文章
export async function loadBlogPost(id: string): Promise<BlogPost | null> {
const markdownPost = await getBlogPost(id);
if (!markdownPost) return null;
return convertMarkdownToBlogPost(markdownPost);
}
// 兼容性：保留原有的导出方式，但使用异步加载
let cachedBlogPosts: BlogPost[] | null = null;
// 初始化缓存（用于同步访问）
async function initializeBlogCache() {
if (!cachedBlogPosts) {
cachedBlogPosts = await loadBlogPosts();
}
return cachedBlogPosts;
}
// 同步访问（为了兼容现有代码）
export const blogPosts: BlogPost[] = [
{
id: 'ai-elderly-health-monitoring',
src/data/contentData.ts
+159
View File
@@ -0,0 +1,159 @@
// 统一的内容数据适配器
// 将新的 contentLoader 适配到现有的 BlogPost 接口
import { loadBlogPosts as loadBlogContent, loadArticles as loadArticleContent, loadDocs as loadDocContent, getContentById, ContentItem } from '../utils/contentLoader';
// 博客文章接口
export interface BlogPost {
id: string;
category: string;
title: string;
excerpt: string;
content: string;
author: string;
authorAvatar?: string;
authorTitle?: string;
date: string;
readTime: string;
image: string;
tags: string[];
likes: number;
comments: number;
trending?: boolean;
relatedPosts?: string[];
}
// 技术文章接口
export interface Article extends BlogPost {
type: 'tutorial' | 'research' | 'case-study' | 'whitepaper' | 'industry' | 'analysis';
}
// 文档接口
export interface Doc {
id: string;
title: string;
category: string;
description?: string;
content: string;
order?: number;
lastUpdated?: string;
tags?: string[];
}
// 转换函数：ContentItem -> BlogPost
function contentItemToBlogPost(item: ContentItem): BlogPost {
const fm = item.frontMatter;
return {
id: item.id,
category: fm.category || 'Uncategorized',
title: fm.title,
excerpt: fm.excerpt || '',
content: item.content,
author: fm.author || 'Anonymous',
authorAvatar: fm.authorAvatar,
authorTitle: fm.authorTitle,
date: fm.date || new Date().toISOString().split('T')[0],
readTime: fm.readTime || '5分钟',
image: fm.image || 'https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=800&h=400&fit=crop',
tags: fm.tags || [],
likes: fm.likes || 0,
comments: fm.comments || 0,
trending: fm.trending || false,
relatedPosts: fm.relatedPosts || []
};
}
// 转换函数：ContentItem -> Article
function contentItemToArticle(item: ContentItem): Article {
const blogPost = contentItemToBlogPost(item);
return {
...blogPost,
type: (item.frontMatter.type as Article['type']) || 'analysis'
};
}
// 转换函数：ContentItem -> Doc
function contentItemToDoc(item: ContentItem): Doc {
const fm = item.frontMatter;
return {
id: item.id,
title: fm.title,
category: fm.category || 'General',
description: fm.description || fm.excerpt,
content: item.content,
order: fm.order,
lastUpdated: fm.lastUpdated || fm.date,
tags: fm.tags
};
}
// 加载博客文章
export async function loadBlogPosts(): Promise<BlogPost[]> {
const contentItems = await loadBlogContent();
return contentItems.map(contentItemToBlogPost);
}
// 加载技术文章
export async function loadArticles(): Promise<Article[]> {
const contentItems = await loadArticleContent();
return contentItems.map(contentItemToArticle);
}
// 加载文档
export async function loadDocs(): Promise<Doc[]> {
const contentItems = await loadDocContent();
return contentItems.map(contentItemToDoc);
}
// 获取单个博客文章
export async function getBlogPost(id: string): Promise<BlogPost | null> {
const contentItem = await getContentById('blog', id);
return contentItem ? contentItemToBlogPost(contentItem) : null;
}
// 获取单个技术文章
export async function getArticle(id: string): Promise<Article | null> {
const contentItem = await getContentById('articles', id);
return contentItem ? contentItemToArticle(contentItem) : null;
}
// 获取单个文档
export async function getDoc(id: string): Promise<Doc | null> {
const contentItem = await getContentById('docs', id);
return contentItem ? contentItemToDoc(contentItem) : null;
}
// 获取相关博客文章
export async function getRelatedBlogPosts(currentId: string, limit = 3): Promise<BlogPost[]> {
const { getRelatedContent } = await import('../utils/contentLoader');
const relatedItems = await getRelatedContent(currentId, 'blog', limit);
return relatedItems.map(contentItemToBlogPost);
}
// 获取相关技术文章
export async function getRelatedArticles(currentId: string, limit = 3): Promise<Article[]> {
const { getRelatedContent } = await import('../utils/contentLoader');
const relatedItems = await getRelatedContent(currentId, 'articles', limit);
return relatedItems.map(contentItemToArticle);
}
// 搜索功能
export async function searchAllContent(query: string): Promise<{
blogs: BlogPost[];
articles: Article[];
docs: Doc[];
}> {
const { searchContent } = await import('../utils/contentLoader');
const [blogItems, articleItems, docItems] = await Promise.all([
searchContent(query, 'blog'),
searchContent(query, 'articles'),
searchContent(query, 'docs')
]);
return {
blogs: blogItems.map(contentItemToBlogPost),
articles: articleItems.map(contentItemToArticle),
docs: docItems.map(contentItemToDoc)
};
}
src/data/markdownArticlesData.ts
+139
View File
@@ -0,0 +1,139 @@
import { getArticles, getArticle, MarkdownContent } from '../utils/markdownLoader';
export interface Article {
id: string;
category: string;
title: string;
excerpt: string;
content: string;
author: string;
authorAvatar?: string;
authorTitle?: string;
date: string;
readTime: string;
image: string;
tags: string[];
likes: number;
comments: number;
trending?: boolean;
relatedPosts?: string[];
type: 'tutorial' | 'research' | 'case-study' | 'whitepaper' | 'industry' | 'analysis';
}
// 转换markdown内容为Article格式
function convertMarkdownToArticle(markdown: MarkdownContent): Article {
const { frontMatter, content } = markdown;
// 根据标签或标题推断文章类型
const inferType = (): Article['type'] => {
const tags = frontMatter.tags || [];
const title = frontMatter.title || '';
if (tags.some(tag => tag.includes('教程') || tag.includes('指南'))) return 'tutorial';
if (tags.some(tag => tag.includes('研究') || tag.includes('报告'))) return 'research';
if (tags.some(tag => tag.includes('案例') || tag.includes('实践'))) return 'case-study';
if (tags.some(tag => tag.includes('白皮书') || tag.includes('深度'))) return 'whitepaper';
if (tags.some(tag => tag.includes('行业') || tag.includes('趋势'))) return 'industry';
if (title.includes('分析') || title.includes('洞察')) return 'analysis';
return 'analysis'; // 默认类型
};
return {
id: frontMatter.id,
category: frontMatter.category || 'Uncategorized',
title: frontMatter.title,
excerpt: frontMatter.excerpt || '',
content,
author: frontMatter.author || 'Anonymous',
authorAvatar: frontMatter.authorAvatar,
authorTitle: frontMatter.authorTitle,
date: frontMatter.date || new Date().toISOString(),
readTime: frontMatter.readTime || '5分钟',
image: frontMatter.image || 'https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=800&h=400&fit=crop',
tags: frontMatter.tags || [],
likes: frontMatter.likes || 0,
comments: frontMatter.comments || 0,
trending: frontMatter.trending || false,
relatedPosts: frontMatter.relatedPosts || [],
type: inferType()
};
}
// 从markdown文件加载文章
export async function loadArticles(): Promise<Article[]> {
const markdownArticles = await getArticles();
return markdownArticles.map(convertMarkdownToArticle);
}
// 获取单个文章
export async function loadArticle(id: string): Promise<Article | null> {
const markdownArticle = await getArticle(id);
if (!markdownArticle) return null;
return convertMarkdownToArticle(markdownArticle);
}
// 根据ID查找文章
export async function getArticleById(id: string): Promise<Article | null> {
return loadArticle(id);
}
// 获取相关文章
export async function getRelatedArticles(currentId: string, limit = 3): Promise<Article[]> {
const allArticles = await loadArticles();
const currentArticle = allArticles.find(article => article.id === currentId);
if (!currentArticle) return [];
// 基于标签、分类和类型找相关文章
const related = allArticles.filter(article => {
if (article.id === currentId) return false;
const currentTags = currentArticle.tags || [];
const articleTags = article.tags || [];
const currentCategory = currentArticle.category;
const currentType = currentArticle.type;
// 检查共同标签
const commonTags = currentTags.filter(tag => articleTags.includes(tag));
// 检查相同分类
const sameCategory = article.category === currentCategory;
// 检查相同类型
const sameType = article.type === currentType;
return commonTags.length > 0 || sameCategory || sameType;
});
// 按相关性排序
const scored = related.map(article => {
const currentTags = currentArticle.tags || [];
const articleTags = article.tags || [];
const commonTags = currentTags.filter(tag => articleTags.includes(tag)).length;
const categoryMatch = article.category === currentArticle.category ? 2 : 0;
const typeMatch = article.type === currentArticle.type ? 1 : 0;
return {
article,
score: commonTags * 3 + categoryMatch + typeMatch
};
});
return scored
.sort((a, b) => b.score - a.score)
.slice(0, limit)
.map(item => item.article);
}
// 按类型筛选文章
export async function getArticlesByType(type: Article['type']): Promise<Article[]> {
const allArticles = await loadArticles();
return allArticles.filter(article => article.type === type);
}
// 按分类筛选文章
export async function getArticlesByCategory(category: string): Promise<Article[]> {
const allArticles = await loadArticles();
return allArticles.filter(article => article.category === category);
}
src/data/markdownBlogData.ts
+105
View File
@@ -0,0 +1,105 @@
import { getBlogPosts, getBlogPost, MarkdownContent } from '../utils/markdownLoader';
export interface BlogPost {
id: string;
category: string;
title: string;
excerpt: string;
content: string;
author: string;
authorAvatar?: string;
authorTitle?: string;
date: string;
readTime: string;
image: string;
tags: string[];
likes: number;
comments: number;
trending?: boolean;
relatedPosts?: string[];
}
// 转换markdown内容为BlogPost格式
function convertMarkdownToBlogPost(markdown: MarkdownContent): BlogPost {
const { frontMatter, content } = markdown;
return {
id: frontMatter.id,
category: frontMatter.category || 'Uncategorized',
title: frontMatter.title,
excerpt: frontMatter.excerpt || '',
content,
author: frontMatter.author || 'Anonymous',
authorAvatar: frontMatter.authorAvatar,
authorTitle: frontMatter.authorTitle,
date: frontMatter.date || new Date().toISOString(),
readTime: frontMatter.readTime || '5分钟',
image: frontMatter.image || 'https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=800&h=400&fit=crop',
tags: frontMatter.tags || [],
likes: frontMatter.likes || 0,
comments: frontMatter.comments || 0,
trending: frontMatter.trending || false,
relatedPosts: frontMatter.relatedPosts || []
};
}
// 从markdown文件加载博客文章
export async function loadBlogPosts(): Promise<BlogPost[]> {
const markdownPosts = await getBlogPosts();
return markdownPosts.map(convertMarkdownToBlogPost);
}
// 获取单个博客文章
export async function loadBlogPost(id: string): Promise<BlogPost | null> {
const markdownPost = await getBlogPost(id);
if (!markdownPost) return null;
return convertMarkdownToBlogPost(markdownPost);
}
// 根据ID查找博客文章
export async function getBlogPostById(id: string): Promise<BlogPost | null> {
return loadBlogPost(id);
}
// 获取相关博客文章
export async function getRelatedPosts(currentId: string, limit = 3): Promise<BlogPost[]> {
const allPosts = await loadBlogPosts();
const currentPost = allPosts.find(post => post.id === currentId);
if (!currentPost) return [];
// 基于标签和分类找相关文章
const related = allPosts.filter(post => {
if (post.id === currentId) return false;
const currentTags = currentPost.tags || [];
const postTags = post.tags || [];
const currentCategory = currentPost.category;
// 检查共同标签
const commonTags = currentTags.filter(tag => postTags.includes(tag));
// 检查相同分类
const sameCategory = post.category === currentCategory;
return commonTags.length > 0 || sameCategory;
});
// 按相关性排序
const scored = related.map(post => {
const currentTags = currentPost.tags || [];
const postTags = post.tags || [];
const commonTags = currentTags.filter(tag => postTags.includes(tag)).length;
const categoryMatch = post.category === currentPost.category ? 1 : 0;
return {
post,
score: commonTags + categoryMatch
};
});
return scored
.sort((a, b) => b.score - a.score)
.slice(0, limit)
.map(item => item.post);
}
src/data/markdownDocsData.ts
+187
View File
@@ -0,0 +1,187 @@
import { getDocs, getDoc, MarkdownContent } from '../utils/markdownLoader';
export interface DocItem {
id: string;
title: string;
category: string;
description: string;
content: string;
order: number;
lastUpdated: string;
tags: string[];
slug: string;
}
export interface DocCategory {
id: string;
name: string;
description: string;
icon: string;
docs: DocItem[];
}
// 转换markdown内容为DocItem格式
function convertMarkdownToDocItem(markdown: MarkdownContent): DocItem {
const { frontMatter, content } = markdown;
return {
id: frontMatter.id,
title: frontMatter.title,
category: frontMatter.category || 'General',
description: frontMatter.description || '',
content,
order: frontMatter.order || 999,
lastUpdated: frontMatter.lastUpdated || new Date().toISOString(),
tags: frontMatter.tags || [],
slug: markdown.slug
};
}
// 从markdown文件加载文档
export async function loadDocs(): Promise<DocItem[]> {
const markdownDocs = await getDocs();
return markdownDocs.map(convertMarkdownToDocItem);
}
// 获取单个文档
export async function loadDoc(id: string): Promise<DocItem | null> {
const markdownDoc = await getDoc(id);
if (!markdownDoc) return null;
return convertMarkdownToDocItem(markdownDoc);
}
// 按分类组织文档
export async function loadDocsByCategory(): Promise<DocCategory[]> {
const docs = await loadDocs();
const categoryMap = new Map<string, DocItem[]>();
// 按分类分组
docs.forEach(doc => {
const category = doc.category;
if (!categoryMap.has(category)) {
categoryMap.set(category, []);
}
categoryMap.get(category)!.push(doc);
});
// 转换为DocCategory格式
const categories: DocCategory[] = [];
categoryMap.forEach((docs, categoryName) => {
// 按order排序
docs.sort((a, b) => a.order - b.order);
categories.push({
id: categoryName.toLowerCase().replace(/\s+/g, '-'),
name: categoryName,
description: getCategoyDescription(categoryName),
icon: getCategoryIcon(categoryName),
docs
});
});
return categories.sort((a, b) => a.name.localeCompare(b.name));
}
// 获取分类描述
function getCategoyDescription(category: string): string {
const descriptions: Record<string, string> = {
'基础教程': '快速上手和基础概念',
'开发者文档': 'API接口和SDK使用指南',
'高级功能': '深入功能和定制化配置',
'故障排除': '常见问题和解决方案',
'最佳实践': '推荐的使用方法和案例',
'General': '通用文档'
};
return descriptions[category] || '相关文档和指南';
}
// 获取分类图标
function getCategoryIcon(category: string): string {
const icons: Record<string, string> = {
'基础教程': '🚀',
'开发者文档': '🔧',
'高级功能': '⚡',
'故障排除': '🔍',
'最佳实践': '⭐',
'General': '📚'
};
return icons[category] || '📄';
}
// 搜索文档
export async function searchDocs(query: string): Promise<DocItem[]> {
const docs = await loadDocs();
const lowercaseQuery = query.toLowerCase();
return docs.filter(doc => {
const searchText = `${doc.title} ${doc.description} ${doc.content} ${doc.tags.join(' ')}`.toLowerCase();
return searchText.includes(lowercaseQuery);
});
}
// 根据标签获取文档
export async function getDocsByTag(tag: string): Promise<DocItem[]> {
const docs = await loadDocs();
return docs.filter(doc => doc.tags.includes(tag));
}
// 获取最近更新的文档
export async function getRecentlyUpdatedDocs(limit = 5): Promise<DocItem[]> {
const docs = await loadDocs();
return docs
.sort((a, b) => new Date(b.lastUpdated).getTime() - new Date(a.lastUpdated).getTime())
.slice(0, limit);
}
// 获取推荐文档（基于当前文档）
export async function getRecommendedDocs(currentDocId: string, limit = 3): Promise<DocItem[]> {
const docs = await loadDocs();
const currentDoc = docs.find(doc => doc.id === currentDocId);
if (!currentDoc) return [];
// 基于标签和分类找相关文档
const related = docs.filter(doc => {
if (doc.id === currentDocId) return false;
const currentTags = currentDoc.tags || [];
const docTags = doc.tags || [];
const currentCategory = currentDoc.category;
// 检查共同标签
const commonTags = currentTags.filter(tag => docTags.includes(tag));
// 检查相同分类
const sameCategory = doc.category === currentCategory;
return commonTags.length > 0 || sameCategory;
});
// 按相关性排序
const scored = related.map(doc => {
const currentTags = currentDoc.tags || [];
const docTags = doc.tags || [];
const commonTags = currentTags.filter(tag => docTags.includes(tag)).length;
const categoryMatch = doc.category === currentDoc.category ? 1 : 0;
return {
doc,
score: commonTags + categoryMatch
};
});
return scored
.sort((a, b) => b.score - a.score)
.slice(0, limit)
.map(item => item.doc);
}
// 获取导航结构（用于侧边栏）
export async function getDocsNavigation(): Promise<DocCategory[]> {
return loadDocsByCategory();
}
// 根据ID获取文档（兼容现有接口）
export async function getDocById(id: string): Promise<DocItem | null> {
return loadDoc(id);
}
src/pages/ArticleList.tsx
+50 -13
View File
@@ -7,7 +7,7 @@ import {
MessageCircle, Bookmark, Search, Filter, Grid, List as ListIcon,
ChevronDown, ArrowLeft, FileText, BookOpen, Lightbulb, Star
} from 'lucide-react';
import { blogPosts, BlogPost } from '../data/blogData';
import { loadArticles, Article } from '../data/contentData';
const ArticleList: React.FC = () => {
const { t } = useTranslation();
@@ -17,7 +17,8 @@ const ArticleList: React.FC = () => {
const [selectedType, setSelectedType] = useState('all');
const [sortBy, setSortBy] = useState('latest');
const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');
const [filteredPosts, setFilteredPosts] = useState<BlogPost[]>(blogPosts);
const [allArticles, setAllArticles] = useState<Article[]>([]);
const [filteredPosts, setFilteredPosts] = useState<Article[]>([]);
// Article types - different from blog categories
const articleTypes = [
@@ -29,13 +30,9 @@ const ArticleList: React.FC = () => {
{ value: 'industry', label: '行业洞察', icon: '💡', color: 'from-pink-500 to-rose-500' }
];
const categories = [
{ name: 'All Articles', count: blogPosts.length, icon: '📑' },
{ name: 'AI健康监护', count: blogPosts.filter(p => p.category === 'AI健康监护').length, icon: '🤖' },
{ name: '智能穿戴', count: blogPosts.filter(p => p.category === '智能穿戴').length, icon: '⌚' },
{ name: '护理机器人', count: blogPosts.filter(p => p.category === '护理机器人').length, icon: '🦾' },
{ name: '数据平台', count: blogPosts.filter(p => p.category === '数据平台').length, icon: '📊' }
];
const [categories, setCategories] = useState([
{ name: 'All Articles', count: 0, icon: '📑' }
]);
const sortOptions = [
{ value: 'latest', label: '最新发布' },
@@ -55,8 +52,48 @@ const ArticleList: React.FC = () => {
if (type) setSelectedType(type);
}, [searchParams]);
// Load articles on component mount
useEffect(() => {
let filtered = [...blogPosts];
loadArticles().then(articles => {
setAllArticles(articles);
// Generate categories from loaded articles
const categoryMap = new Map<string, number>();
articles.forEach(article => {
categoryMap.set(article.category, (categoryMap.get(article.category) || 0) + 1);
});
const dynamicCategories = [
{ name: 'All Articles', count: articles.length, icon: '📑' },
...Array.from(categoryMap.entries()).map(([category, count]) => ({
name: category,
count,
icon: getCategoryIcon(category)
}))
];
setCategories(dynamicCategories);
});
}, []);
const getCategoryIcon = (category: string): string => {
const iconMap: Record<string, string> = {
'AI Health': '🤖',
'Wearable Tech': '⌚',
'Care Robotics': '🦾',
'Data Platform': '📊',
'AI健康监护': '🤖',
'智能穿戴': '⌚',
'护理机器人': '🦾',
'数据平台': '📊',
'技术分析': '📈',
'行业分析': '💡'
};
return iconMap[category] || '📄';
};
useEffect(() => {
let filtered = [...allArticles];
// Filter by category
if (selectedCategory !== 'All Articles') {
@@ -125,7 +162,7 @@ const ArticleList: React.FC = () => {
}
setFilteredPosts(filtered);
}, [selectedCategory, selectedType, searchTerm, sortBy]);
}, [selectedCategory, selectedType, searchTerm, sortBy, allArticles]);
const handleCategoryChange = (category: string) => {
setSelectedCategory(category);
@@ -154,7 +191,7 @@ const ArticleList: React.FC = () => {
setSearchParams(newParams);
};
const ArticleCard: React.FC<{ post: BlogPost; index: number }> = ({ post, index }) => (
const ArticleCard: React.FC<{ post: Article; index: number }> = ({ post, index }) => (
<motion.article
initial={{ opacity: 0, y: 30 }}
animate={{ opacity: 1, y: 0 }}
@@ -262,7 +299,7 @@ const ArticleList: React.FC = () => {
{/* Read More Button */}
<Link
to={`/blog/${post.id}`}
to={`/article/${post.id}`}
className="flex items-center gap-2 text-cyan-400 font-semibold hover:text-cyan-300 transition-colors text-sm"
>
<motion.span
src/pages/BlogDetail.tsx
+25 -12
View File
@@ -10,7 +10,7 @@ import {
import ReactMarkdown from 'react-markdown';
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
import { getBlogPostById, getRelatedPosts, BlogPost } from '../data/blogData';
import { getBlogPost, getArticle, getRelatedBlogPosts, BlogPost, Article } from '../data/contentData';
import CommentSystem from '../components/CommentSystem';
import FavoriteButton from '../components/FavoriteButton';
import ChartRenderer from '../components/ChartRenderer';
@@ -146,8 +146,8 @@ const getSectionTagType = (title: string): string | null => {
const BlogDetail: React.FC = () => {
const { id } = useParams<{ id: string }>();
const navigate = useNavigate();
const [post, setPost] = useState<BlogPost | null>(null);
const [relatedPosts, setRelatedPosts] = useState<BlogPost[]>([]);
const [post, setPost] = useState<BlogPost | Article | null>(null);
const [relatedPosts, setRelatedPosts] = useState<(BlogPost | Article)[]>([]);
const [liked, setLiked] = useState(false);
const [showShareMenu, setShowShareMenu] = useState(false);
const [tableOfContents, setTableOfContents] = useState<Array<{id: string, title: string, level: number}>>([]);
@@ -157,15 +157,28 @@ const BlogDetail: React.FC = () => {
window.scrollTo(0, 0);
if (id) {
const blogPost = getBlogPostById(id);
if (blogPost) {
setPost(blogPost);
setRelatedPosts(getRelatedPosts(id));
// Generate table of contents
generateTableOfContents(blogPost.content);
} else {
navigate('/404');
}
// 先尝试加载博客文章，如果没找到再尝试加载技术文章
getBlogPost(id).then(blogPost => {
if (blogPost) {
setPost(blogPost);
getRelatedBlogPosts(id).then(related => setRelatedPosts(related));
generateTableOfContents(blogPost.content);
} else {
// 尝试加载技术文章
getArticle(id).then(article => {
if (article) {
setPost(article);
// 对于文章，获取相关文章而不是博客
import('../data/contentData').then(({ getRelatedArticles }) => {
getRelatedArticles(id).then(related => setRelatedPosts(related));
});
generateTableOfContents(article.content);
} else {
navigate('/404');
}
});
}
});
}
}, [id, navigate]);
src/pages/BlogList.tsx
+45 -11
View File
@@ -7,7 +7,7 @@ import {
MessageCircle, Bookmark, Search, Filter, Grid, List as ListIcon,
ChevronDown, ArrowLeft
} from 'lucide-react';
import { blogPosts, BlogPost } from '../data/blogData';
import { loadBlogPosts, BlogPost } from '../data/contentData';
const BlogList: React.FC = () => {
const { t } = useTranslation();
@@ -16,16 +16,50 @@ const BlogList: React.FC = () => {
const [selectedCategory, setSelectedCategory] = useState('All Posts');
const [sortBy, setSortBy] = useState('latest');
const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');
const [filteredPosts, setFilteredPosts] = useState<BlogPost[]>(blogPosts);
const [allPosts, setAllPosts] = useState<BlogPost[]>([]);
const [filteredPosts, setFilteredPosts] = useState<BlogPost[]>([]);
const [showFilters, setShowFilters] = useState(false);
const [categories, setCategories] = useState([
{ name: 'All Posts', count: 0, icon: '📚' }
]);
const categories = [
{ name: 'All Posts', count: blogPosts.length, icon: '📚' },
{ name: 'AI健康监护', count: blogPosts.filter(p => p.category === 'AI健康监护').length, icon: '🤖' },
{ name: '智能穿戴', count: blogPosts.filter(p => p.category === '智能穿戴').length, icon: '⌚' },
{ name: '护理机器人', count: blogPosts.filter(p => p.category === '护理机器人').length, icon: '🦾' },
{ name: '数据平台', count: blogPosts.filter(p => p.category === '数据平台').length, icon: '📊' }
];
// Load blog posts on component mount
useEffect(() => {
loadBlogPosts().then(posts => {
setAllPosts(posts);
// Generate categories from loaded posts
const categoryMap = new Map<string, number>();
posts.forEach(post => {
categoryMap.set(post.category, (categoryMap.get(post.category) || 0) + 1);
});
const dynamicCategories = [
{ name: 'All Posts', count: posts.length, icon: '📚' },
...Array.from(categoryMap.entries()).map(([category, count]) => ({
name: category,
count,
icon: getCategoryIcon(category)
}))
];
setCategories(dynamicCategories);
});
}, []);
const getCategoryIcon = (category: string): string => {
const iconMap: Record<string, string> = {
'AI Health': '🤖',
'Wearable Tech': '⌚',
'Care Robotics': '🦾',
'Data Platform': '📊',
'AI健康监护': '🤖',
'智能穿戴': '⌚',
'护理机器人': '🦾',
'数据平台': '📊'
};
return iconMap[category] || '📄';
};
const sortOptions = [
{ value: 'latest', label: '最新发布' },
@@ -44,7 +78,7 @@ const BlogList: React.FC = () => {
}, [searchParams]);
useEffect(() => {
let filtered = [...blogPosts];
let filtered = [...allPosts];
// Filter by category
if (selectedCategory !== 'All Posts') {
@@ -79,7 +113,7 @@ const BlogList: React.FC = () => {
}
setFilteredPosts(filtered);
}, [selectedCategory, searchTerm, sortBy]);
}, [selectedCategory, searchTerm, sortBy, allPosts]);
const handleCategoryChange = (category: string) => {
setSelectedCategory(category);
src/pages/DocDetail.tsx
+84 -900
View File
File diff suppressed because it is too large Load Diff
src/pages/DocsHome.tsx
+36 -19
View File
@@ -1,7 +1,8 @@
import React, { useState } from 'react';
import React, { useState, useEffect } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import { loadDocsByCategory, DocCategory } from '../data/markdownDocsData';
import {
Book, FileText, Code, Database, Shield, Cpu,
Search, ChevronRight, Download, ExternalLink,
@@ -14,10 +15,28 @@ import {
const DocsHome: React.FC = () => {
const { t } = useTranslation();
const [selectedCategory, setSelectedCategory] = useState('getting-started');
const [selectedCategory, setSelectedCategory] = useState('');
const [searchQuery, setSearchQuery] = useState('');
const [docCategories, setDocCategories] = useState<DocCategory[]>([]);
const [allDocs, setAllDocs] = useState<any[]>([]);
const docCategories = [
useEffect(() => {
loadDocsByCategory().then(categories => {
setDocCategories(categories);
// Set first category as default
if (categories.length > 0) {
setSelectedCategory(categories[0].id);
}
// Flatten docs for search
const docs = categories.flatMap(cat => cat.docs);
setAllDocs(docs);
});
}, []);
// Keep the hardcoded categories as fallback for now
const fallbackDocCategories = [
{
id: 'getting-started',
name: '快速开始',
@@ -333,13 +352,13 @@ const DocsHome: React.FC = () => {
whileTap={{ scale: 0.98 }}
className={`w-full text-left px-4 py-3 rounded-xl transition-all duration-300 ${
selectedCategory === category.id
? 'bg-gradient-to-r ' + category.color + ' text-white shadow-lg'
? 'bg-gradient-to-r from-cyan-500 to-blue-500 text-white shadow-lg'
: 'bg-gray-900/30 text-gray-400 hover:bg-gray-800/50 hover:text-white'
}`}
>
<div className="flex items-center gap-3 mb-1">
<span className={selectedCategory === category.id ? 'text-white' : 'text-gray-500'}>
{category.icon}
{typeof category.icon === 'string' ? category.icon : category.icon}
</span>
<span className="font-medium">{category.name}</span>
<span className="ml-auto bg-gray-800/50 px-2 py-1 rounded-full text-xs">
@@ -418,8 +437,8 @@ const DocsHome: React.FC = () => {
>
{/* Category Header */}
<div className="mb-8">
<div className={`inline-flex items-center gap-3 px-6 py-3 rounded-2xl bg-gradient-to-r ${currentCategory.color} shadow-lg`}>
{currentCategory.icon}
<div className="inline-flex items-center gap-3 px-6 py-3 rounded-2xl bg-gradient-to-r from-cyan-500 to-blue-500 shadow-lg">
<span className="text-2xl">{currentCategory.icon}</span>
<div>
<h3 className="text-2xl font-bold text-white">{currentCategory.name}</h3>
<p className="text-white/80 text-sm">{currentCategory.description}</p>
@@ -444,24 +463,22 @@ const DocsHome: React.FC = () => {
<h4 className="text-xl font-semibold text-white group-hover:text-cyan-400 transition-colors">
{doc.title}
</h4>
{doc.completed && (
<CheckCircle className="text-green-400" size={20} />
)}
</div>
<div className="flex items-center gap-4 text-sm text-gray-500 mb-3">
<span className="flex items-center gap-1">
<Clock size={14} />
{doc.time}
</span>
<span className={`px-2 py-1 rounded-full text-xs font-medium ${
doc.difficulty === 'Beginner' ? 'bg-green-500/20 text-green-400' :
doc.difficulty === 'Intermediate' ? 'bg-yellow-500/20 text-yellow-400' :
doc.difficulty === 'Advanced' ? 'bg-orange-500/20 text-orange-400' :
'bg-red-500/20 text-red-400'
}`}>
{doc.difficulty}
{doc.lastUpdated}
</span>
{doc.tags && doc.tags.length > 0 && (
<div className="flex items-center gap-1">
{doc.tags.slice(0, 2).map((tag: string, i: number) => (
<span key={i} className="px-2 py-1 rounded-full text-xs font-medium bg-cyan-500/20 text-cyan-400">
{tag}
</span>
))}
</div>
)}
</div>
<p className="text-gray-400 mb-4">
src/pages/NotFound.tsx
+138
View File
@@ -0,0 +1,138 @@
import React from 'react';
import { motion } from 'framer-motion';
import { Link, useNavigate } from 'react-router-dom';
import { ArrowLeft, Home, Search, FileText } from 'lucide-react';
const NotFound: React.FC = () => {
const navigate = useNavigate();
return (
<div className="min-h-screen bg-gradient-to-b from-gray-900 via-black to-gray-900 pt-24 flex items-center justify-center">
<div className="container mx-auto px-4 text-center">
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6 }}
className="max-w-2xl mx-auto"
>
{/* 404 Animation */}
<motion.div
initial={{ scale: 0.8, opacity: 0 }}
animate={{ scale: 1, opacity: 1 }}
transition={{ duration: 0.8, delay: 0.2 }}
className="mb-8"
>
<div className="text-8xl md:text-9xl font-bold bg-gradient-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent mb-4">
404
</div>
<div className="text-6xl mb-8">🔍</div>
</motion.div>
{/* Error Message */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: 0.4 }}
className="mb-8"
>
<h1 className="text-3xl md:text-4xl font-bold text-white mb-4">
页面未找到
</h1>
<p className="text-lg text-gray-400 mb-2">
抱歉，您访问的页面不存在或已被移动。
</p>
<p className="text-md text-gray-500">
请检查URL是否正确，或返回首页浏览其他内容。
</p>
</motion.div>
{/* Action Buttons */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: 0.6 }}
className="flex flex-col sm:flex-row gap-4 justify-center items-center"
>
<motion.button
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
onClick={() => navigate(-1)}
className="flex items-center gap-2 px-6 py-3 bg-gray-800 text-white rounded-xl hover:bg-gray-700 transition-all duration-300 border border-gray-600"
>
<ArrowLeft size={20} />
返回上页
</motion.button>
<Link
to="/"
className="flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-cyan-500 to-purple-500 text-white rounded-xl hover:shadow-lg hover:shadow-cyan-500/30 transition-all duration-300 font-semibold"
>
<Home size={20} />
回到首页
</Link>
</motion.div>
{/* Quick Links */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: 0.8 }}
className="mt-12 pt-8 border-t border-gray-800"
>
<h3 className="text-lg font-semibold text-white mb-6">
您可能感兴趣的页面：
</h3>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<Link
to="/blog"
className="group p-4 bg-gray-900/50 backdrop-blur-sm rounded-xl border border-gray-800 hover:border-cyan-500/50 transition-all duration-300"
>
<div className="flex items-center gap-3 mb-2">
<FileText className="text-cyan-400" size={20} />
<span className="font-semibold text-white group-hover:text-cyan-400 transition-colors">
技术博客
</span>
</div>
<p className="text-sm text-gray-400">
最新的技术文章和行业洞察
</p>
</Link>
<Link
to="/articles"
className="group p-4 bg-gray-900/50 backdrop-blur-sm rounded-xl border border-gray-800 hover:border-purple-500/50 transition-all duration-300"
>
<div className="flex items-center gap-3 mb-2">
<Search className="text-purple-400" size={20} />
<span className="font-semibold text-white group-hover:text-purple-400 transition-colors">
技术文章
</span>
</div>
<p className="text-sm text-gray-400">
深度技术文章和研究报告
</p>
</Link>
<Link
to="/docs"
className="group p-4 bg-gray-900/50 backdrop-blur-sm rounded-xl border border-gray-800 hover:border-green-500/50 transition-all duration-300"
>
<div className="flex items-center gap-3 mb-2">
<FileText className="text-green-400" size={20} />
<span className="font-semibold text-white group-hover:text-green-400 transition-colors">
开发文档
</span>
</div>
<p className="text-sm text-gray-400">
API文档和开发指南
</p>
</Link>
</div>
</motion.div>
</motion.div>
</div>
</div>
);
};
export default NotFound;
src/utils/contentLoader.ts
+360
View File
@@ -0,0 +1,360 @@
// 使用 Vite 的 import.meta.glob 高效加载 markdown 文件
// 这种方式在构建时静态分析，运行时高效加载
interface MarkdownModule {
default: string;
}
interface FrontMatter {
[key: string]: any;
id: string;
title: string;
category?: string;
excerpt?: string;
author?: string;
authorTitle?: string;
authorAvatar?: string;
date?: string;
readTime?: string;
image?: string;
tags?: string[];
likes?: number;
comments?: number;
trending?: boolean;
type?: string;
}
interface ContentItem {
id: string;
frontMatter: FrontMatter;
content: string;
slug: string;
}
// 解析 front matter
function parseFrontMatter(markdownContent: string): { frontMatter: FrontMatter; content: string } {
const frontMatterRegex = /^---\n([\s\S]*?)\n---\n([\s\S]*)$/;
const match = markdownContent.match(frontMatterRegex);
if (!match) {
return {
frontMatter: { id: '', title: 'Untitled' },
content: markdownContent
};
}
const frontMatterText = match[1];
const content = match[2];
const frontMatter: any = {};
// 简单的 YAML 解析器
const lines = frontMatterText.split('\n');
let currentKey = '';
let isArray = false;
for (const line of lines) {
const trimmedLine = line.trim();
if (!trimmedLine) continue;
if (trimmedLine.startsWith('- ')) {
// 数组项
if (isArray && currentKey) {
if (!Array.isArray(frontMatter[currentKey])) {
frontMatter[currentKey] = [];
}
frontMatter[currentKey].push(trimmedLine.substring(2));
}
} else if (trimmedLine.includes(':')) {
// 键值对
const colonIndex = trimmedLine.indexOf(':');
const key = trimmedLine.substring(0, colonIndex).trim();
const value = trimmedLine.substring(colonIndex + 1).trim();
currentKey = key;
isArray = value === '';
if (!isArray) {
// 处理值类型
if (value === 'true') {
frontMatter[key] = true;
} else if (value === 'false') {
frontMatter[key] = false;
} else if (/^\d+$/.test(value)) {
frontMatter[key] = parseInt(value, 10);
} else {
// 移除引号
frontMatter[key] = value.replace(/^["']|["']$/g, '');
}
}
}
}
return { frontMatter, content };
}
// 通用内容加载器类
class ContentLoader {
private cache = new Map<string, ContentItem[]>();
// 加载博客文章
async loadBlogPosts(): Promise<ContentItem[]> {
if (this.cache.has('blog')) {
return this.cache.get('blog')!;
}
const modules = import.meta.glob('/src/content/blog/*.md', { as: 'raw' });
const posts: ContentItem[] = [];
for (const [path, moduleLoader] of Object.entries(modules)) {
try {
const content = await moduleLoader();
const slug = path.split('/').pop()?.replace('.md', '') || '';
const { frontMatter, content: markdownContent } = parseFrontMatter(content);
posts.push({
id: frontMatter.id || slug,
frontMatter,
content: markdownContent,
slug
});
} catch (error) {
console.error(`Error loading blog post ${path}:`, error);
}
}
// 按日期排序
posts.sort((a, b) => {
const dateA = new Date(a.frontMatter.date || '');
const dateB = new Date(b.frontMatter.date || '');
return dateB.getTime() - dateA.getTime();
});
this.cache.set('blog', posts);
return posts;
}
// 加载技术文章
async loadArticles(): Promise<ContentItem[]> {
if (this.cache.has('articles')) {
return this.cache.get('articles')!;
}
const modules = import.meta.glob('/src/content/articles/*.md', { as: 'raw' });
const articles: ContentItem[] = [];
for (const [path, moduleLoader] of Object.entries(modules)) {
try {
const content = await moduleLoader();
const slug = path.split('/').pop()?.replace('.md', '') || '';
const { frontMatter, content: markdownContent } = parseFrontMatter(content);
articles.push({
id: frontMatter.id || slug,
frontMatter,
content: markdownContent,
slug
});
} catch (error) {
console.error(`Error loading article ${path}:`, error);
}
}
// 按日期排序
articles.sort((a, b) => {
const dateA = new Date(a.frontMatter.date || '');
const dateB = new Date(b.frontMatter.date || '');
return dateB.getTime() - dateA.getTime();
});
this.cache.set('articles', articles);
return articles;
}
// 加载文档
async loadDocs(): Promise<ContentItem[]> {
if (this.cache.has('docs')) {
return this.cache.get('docs')!;
}
const modules = import.meta.glob('/src/content/docs/*.md', { as: 'raw' });
const docs: ContentItem[] = [];
for (const [path, moduleLoader] of Object.entries(modules)) {
try {
const content = await moduleLoader();
const slug = path.split('/').pop()?.replace('.md', '') || '';
const { frontMatter, content: markdownContent } = parseFrontMatter(content);
docs.push({
id: frontMatter.id || slug,
frontMatter,
content: markdownContent,
slug
});
} catch (error) {
console.error(`Error loading doc ${path}:`, error);
}
}
// 按 order 排序，如果没有则按标题排序
docs.sort((a, b) => {
const orderA = a.frontMatter.order || 999;
const orderB = b.frontMatter.order || 999;
if (orderA !== orderB) {
return orderA - orderB;
}
return a.frontMatter.title.localeCompare(b.frontMatter.title);
});
this.cache.set('docs', docs);
return docs;
}
// 根据ID获取单个内容项
async getContentById(type: 'blog' | 'articles' | 'docs', id: string): Promise<ContentItem | null> {
let items: ContentItem[];
switch (type) {
case 'blog':
items = await this.loadBlogPosts();
break;
case 'articles':
items = await this.loadArticles();
break;
case 'docs':
items = await this.loadDocs();
break;
default:
return null;
}
return items.find(item => item.id === id || item.slug === id) || null;
}
// 搜索内容
async searchContent(query: string, type?: 'blog' | 'articles' | 'docs'): Promise<ContentItem[]> {
const searchQuery = query.toLowerCase();
let allItems: ContentItem[] = [];
if (!type || type === 'blog') {
const blogPosts = await this.loadBlogPosts();
allItems = allItems.concat(blogPosts);
}
if (!type || type === 'articles') {
const articles = await this.loadArticles();
allItems = allItems.concat(articles);
}
if (!type || type === 'docs') {
const docs = await this.loadDocs();
allItems = allItems.concat(docs);
}
return allItems.filter(item => {
const { title, excerpt, tags } = item.frontMatter;
const content = item.content;
return (
title?.toLowerCase().includes(searchQuery) ||
excerpt?.toLowerCase().includes(searchQuery) ||
content.toLowerCase().includes(searchQuery) ||
tags?.some(tag => tag.toLowerCase().includes(searchQuery))
);
});
}
// 按分类获取内容
async getContentByCategory(category: string, type?: 'blog' | 'articles' | 'docs'): Promise<ContentItem[]> {
let allItems: ContentItem[] = [];
if (!type || type === 'blog') {
const blogPosts = await this.loadBlogPosts();
allItems = allItems.concat(blogPosts);
}
if (!type || type === 'articles') {
const articles = await this.loadArticles();
allItems = allItems.concat(articles);
}
if (!type || type === 'docs') {
const docs = await this.loadDocs();
allItems = allItems.concat(docs);
}
return allItems.filter(item => item.frontMatter.category === category);
}
// 获取相关内容
async getRelatedContent(currentId: string, type: 'blog' | 'articles' | 'docs', limit = 3): Promise<ContentItem[]> {
const allItems = await (type === 'blog' ? this.loadBlogPosts() :
type === 'articles' ? this.loadArticles() :
this.loadDocs());
const currentItem = allItems.find(item => item.id === currentId);
if (!currentItem) return [];
const otherItems = allItems.filter(item => item.id !== currentId);
// 计算相关性分数
const scoredItems = otherItems.map(item => {
let score = 0;
// 相同分类 +2分
if (item.frontMatter.category === currentItem.frontMatter.category) {
score += 2;
}
// 相同标签 +1分每个
const currentTags = currentItem.frontMatter.tags || [];
const itemTags = item.frontMatter.tags || [];
const commonTags = currentTags.filter(tag => itemTags.includes(tag));
score += commonTags.length;
// 相同类型 +1分 (对于articles)
if (type === 'articles' && item.frontMatter.type === currentItem.frontMatter.type) {
score += 1;
}
return { item, score };
});
// 按分数排序并取前N个
return scoredItems
.sort((a, b) => b.score - a.score)
.slice(0, limit)
.map(scored => scored.item);
}
// 清除缓存
clearCache(): void {
this.cache.clear();
}
// 预热缓存 - 可在应用启动时调用
async preloadContent(): Promise<void> {
await Promise.all([
this.loadBlogPosts(),
this.loadArticles(),
this.loadDocs()
]);
}
}
// 导出单例实例
export const contentLoader = new ContentLoader();
// 便捷函数
export const loadBlogPosts = () => contentLoader.loadBlogPosts();
export const loadArticles = () => contentLoader.loadArticles();
export const loadDocs = () => contentLoader.loadDocs();
export const getContentById = (type: 'blog' | 'articles' | 'docs', id: string) =>
contentLoader.getContentById(type, id);
export const searchContent = (query: string, type?: 'blog' | 'articles' | 'docs') =>
contentLoader.searchContent(query, type);
export const getRelatedContent = (currentId: string, type: 'blog' | 'articles' | 'docs', limit = 3) =>
contentLoader.getRelatedContent(currentId, type, limit);
// 类型导出
export type { ContentItem, FrontMatter };
src/utils/markdownLoader.ts
+914
View File
@@ -0,0 +1,914 @@
// 简化的markdown front matter解析器
function parseMarkdownFrontMatter(content: string): { data: any; content: string } {
const lines = content.split('\n');
if (lines[0] !== '---') {
return { data: {}, content };
}
let frontMatterEnd = -1;
for (let i = 1; i < lines.length; i++) {
if (lines[i] === '---') {
frontMatterEnd = i;
break;
}
}
if (frontMatterEnd === -1) {
return { data: {}, content };
}
const frontMatterLines = lines.slice(1, frontMatterEnd);
const data: any = {};
for (const line of frontMatterLines) {
const colonIndex = line.indexOf(':');
if (colonIndex > 0) {
const key = line.substring(0, colonIndex).trim();
let value = line.substring(colonIndex + 1).trim();
// 处理数组值（以-开头的多行）
if (value === '') {
const arrayValues: string[] = [];
let nextLineIndex = frontMatterLines.indexOf(line) + 1;
while (nextLineIndex < frontMatterLines.length) {
const nextLine = frontMatterLines[nextLineIndex].trim();
if (nextLine.startsWith('- ')) {
arrayValues.push(nextLine.substring(2).trim());
nextLineIndex++;
} else if (nextLine !== '') {
break;
} else {
nextLineIndex++;
}
}
if (arrayValues.length > 0) {
data[key] = arrayValues;
continue;
}
}
// 处理普通值
if (value.startsWith('"') && value.endsWith('"')) {
value = value.slice(1, -1);
}
// 尝试解析数字
if (/^\d+$/.test(value)) {
data[key] = parseInt(value, 10);
} else if (value === 'true') {
data[key] = true;
} else if (value === 'false') {
data[key] = false;
} else {
data[key] = value;
}
}
}
const markdownContent = lines.slice(frontMatterEnd + 1).join('\n');
return { data, content: markdownContent };
}
export interface MarkdownFrontMatter {
id: string;
title: string;
category?: string;
description?: string;
excerpt?: string;
author?: string;
authorTitle?: string;
authorAvatar?: string;
date?: string;
lastUpdated?: string;
readTime?: string;
image?: string;
tags?: string[];
likes?: number;
comments?: number;
trending?: boolean;
relatedPosts?: string[];
order?: number;
[key: string]: any;
}
export interface MarkdownContent {
frontMatter: MarkdownFrontMatter;
content: string;
slug: string;
}
export interface ContentCollection {
blog: MarkdownContent[];
docs: MarkdownContent[];
articles: MarkdownContent[];
}
// 模拟动态导入内容文件
// 在实际部署中，这些内容将通过构建过程预加载
class MarkdownLoader {
private static instance: MarkdownLoader;
private contentCache: Map<string, MarkdownContent[]> = new Map();
private constructor() {}
public static getInstance(): MarkdownLoader {
if (!MarkdownLoader.instance) {
MarkdownLoader.instance = new MarkdownLoader();
}
return MarkdownLoader.instance;
}
// 解析markdown文件内容
private parseMarkdown(fileContent: string, slug: string): MarkdownContent {
const { data, content } = parseMarkdownFrontMatter(fileContent);
return {
frontMatter: data as MarkdownFrontMatter,
content,
slug
};
}
// 模拟从文件系统加载内容
// 在实际项目中，这将被Vite的glob导入或构建时预处理替代
private async loadContentFromType(type: 'blog' | 'docs' | 'articles'): Promise<MarkdownContent[]> {
// 检查缓存
if (this.contentCache.has(type)) {
return this.contentCache.get(type)!;
}
try {
// 在开发环境中，我们使用预定义的内容
const content = await this.getStaticContent(type);
this.contentCache.set(type, content);
return content;
} catch (error) {
console.error(`Failed to load ${type} content:`, error);
return [];
}
}
// 获取静态内容（直接使用内置内容）
private async getStaticContent(type: 'blog' | 'docs' | 'articles'): Promise<MarkdownContent[]> {
// 直接使用静态内容，不需要HTTP请求
return this.getStaticFallbackContent(type);
}
// 静态内容作为回退
private getStaticFallbackContent(type: 'blog' | 'docs' | 'articles'): MarkdownContent[] {
switch (type) {
case 'blog':
return [
this.parseMarkdown(blogContent1, 'ai-elderly-health-monitoring'),
this.parseMarkdown(blogContent2, 'wearable-tech-revolution'),
this.parseMarkdown(blogContent3, 'smart-health-data-platform')
];
case 'docs':
return [
this.parseMarkdown(docsContent1, 'getting-started'),
this.parseMarkdown(docsContent2, 'api-reference'),
this.parseMarkdown(docsContent3, 'sdk-integration')
];
case 'articles':
return [
this.parseMarkdown(articleContent1, 'health-tech-trends-2024'),
this.parseMarkdown(articleContent2, 'ai-healthcare-revolution'),
this.parseMarkdown(articleContent3, 'smart-wearable-analysis'),
this.parseMarkdown(articleContent4, 'telemedicine-future')
];
default:
return [];
}
}
// 获取所有博客文章
public async getBlogPosts(): Promise<MarkdownContent[]> {
const posts = await this.loadContentFromType('blog');
return posts.sort((a, b) => {
const dateA = new Date(a.frontMatter.date || '');
const dateB = new Date(b.frontMatter.date || '');
return dateB.getTime() - dateA.getTime();
});
}
// 获取单个博客文章
public async getBlogPost(slug: string): Promise<MarkdownContent | null> {
const posts = await this.getBlogPosts();
return posts.find(post => post.slug === slug) || null;
}
// 获取所有文档
public async getDocs(): Promise<MarkdownContent[]> {
const docs = await this.loadContentFromType('docs');
return docs.sort((a, b) => {
const orderA = a.frontMatter.order || 999;
const orderB = b.frontMatter.order || 999;
return orderA - orderB;
});
}
// 获取单个文档
public async getDoc(slug: string): Promise<MarkdownContent | null> {
const docs = await this.getDocs();
return docs.find(doc => doc.slug === slug) || null;
}
// 获取所有文章
public async getArticles(): Promise<MarkdownContent[]> {
const articles = await this.loadContentFromType('articles');
return articles.sort((a, b) => {
const dateA = new Date(a.frontMatter.date || '');
const dateB = new Date(b.frontMatter.date || '');
return dateB.getTime() - dateA.getTime();
});
}
// 获取单个文章
public async getArticle(slug: string): Promise<MarkdownContent | null> {
const articles = await this.getArticles();
return articles.find(article => article.slug === slug) || null;
}
// 搜索内容
public async searchContent(query: string, type?: 'blog' | 'docs' | 'articles'): Promise<MarkdownContent[]> {
const searchTypes = type ? [type] : ['blog', 'docs', 'articles'];
const results: MarkdownContent[] = [];
for (const searchType of searchTypes) {
const content = await this.loadContentFromType(searchType);
const filtered = content.filter(item => {
const searchText = `${item.frontMatter.title} ${item.frontMatter.description || ''} ${item.content}`.toLowerCase();
return searchText.includes(query.toLowerCase());
});
results.push(...filtered);
}
return results;
}
// 按分类获取内容
public async getContentByCategory(category: string, type?: 'blog' | 'docs' | 'articles'): Promise<MarkdownContent[]> {
const searchTypes = type ? [type] : ['blog', 'docs', 'articles'];
const results: MarkdownContent[] = [];
for (const searchType of searchTypes) {
const content = await this.loadContentFromType(searchType);
const filtered = content.filter(item => item.frontMatter.category === category);
results.push(...filtered);
}
return results;
}
// 按标签获取内容
public async getContentByTag(tag: string, type?: 'blog' | 'docs' | 'articles'): Promise<MarkdownContent[]> {
const searchTypes = type ? [type] : ['blog', 'docs', 'articles'];
const results: MarkdownContent[] = [];
for (const searchType of searchTypes) {
const content = await this.loadContentFromType(searchType);
const filtered = content.filter(item =>
item.frontMatter.tags && item.frontMatter.tags.includes(tag)
);
results.push(...filtered);
}
return results;
}
// 获取相关内容
public async getRelatedContent(currentSlug: string, type: 'blog' | 'docs' | 'articles', limit = 3): Promise<MarkdownContent[]> {
const allContent = await this.loadContentFromType(type);
const currentContent = allContent.find(item => item.slug === currentSlug);
if (!currentContent) return [];
// 基于标签和分类找相关内容
const related = allContent.filter(item => {
if (item.slug === currentSlug) return false;
const currentTags = currentContent.frontMatter.tags || [];
const itemTags = item.frontMatter.tags || [];
const currentCategory = currentContent.frontMatter.category;
// 检查共同标签
const commonTags = currentTags.filter(tag => itemTags.includes(tag));
// 检查相同分类
const sameCategory = item.frontMatter.category === currentCategory;
return commonTags.length > 0 || sameCategory;
});
// 按相关性排序（共同标签数量 + 分类匹配）
const scored = related.map(item => {
const currentTags = currentContent.frontMatter.tags || [];
const itemTags = item.frontMatter.tags || [];
const commonTags = currentTags.filter(tag => itemTags.includes(tag)).length;
const categoryMatch = item.frontMatter.category === currentContent.frontMatter.category ? 1 : 0;
return {
content: item,
score: commonTags + categoryMatch
};
});
return scored
.sort((a, b) => b.score - a.score)
.slice(0, limit)
.map(item => item.content);
}
// 清除缓存
public clearCache(): void {
this.contentCache.clear();
}
}
// 模拟markdown文件内容
const blogContent1 = `---
id: ai-elderly-health-monitoring
category: AI Health
title: AI如何革新老年人健康监护体系
excerpt: 深入探讨人工智能技术在老年人健康监护中的创新应用，从智能预警到个性化护理方案的全面解析。
author: 张明博士
authorTitle: AI健康技术专家
authorAvatar: https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face
date: 2024-12-01
readTime: 8分钟
image: https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=800&h=400&fit=crop
tags:
- AI
- 健康监护
- 老年人护理
- 智能医疗
likes: 156
comments: 24
trending: true
relatedPosts:
- wearable-tech-revolution
- smart-health-data-platform
---
# AI如何革新老年人健康监护体系
## 引言
随着全球人口老龄化趋势的加剧，老年人健康监护成为社会关注的焦点。人工智能技术的快速发展为这一领域带来了革命性的变革。
## AI在健康监测中的应用
### 1. 实时健康数据监测
通过智能穿戴设备，AI可以24小时不间断地监测老年人的生命体征：
- **心率变异性分析**：预测心脏疾病风险
- **睡眠质量评估**：识别睡眠障碍
- **活动模式识别**：检测异常行为
- **跌倒检测**：即时报警系统
### 2. 预测性健康分析
AI通过机器学习算法分析历史健康数据，能够：
\`\`\`python
# 示例：健康风险预测模型
import pandas as pd
from sklearn.ensemble import RandomForestClassifier
def predict_health_risk(vital_signs_data):
"""
基于生命体征数据预测健康风险
"""
model = RandomForestClassifier()
# 训练模型...
risk_score = model.predict_proba(vital_signs_data)
return risk_score
\`\`\`
- 提前识别疾病风险
- 个性化健康建议
- 药物依从性监测
- 营养状态评估
## 智能护理机器人的角色
### 情感陪伴与交互
现代AI护理机器人不仅提供基础的健康监测，还能：
- **自然语言交互**：理解老年人的需求和情感
- **个性化对话**：根据用户偏好调整交流方式
- **情绪识别**：检测抑郁、焦虑等心理状态
- **认知训练**：提供记忆训练和智力游戏
### 日常生活辅助
- 药物提醒和管理
- 饮食营养建议
- 运动指导和督促
- 紧急情况处理
## 数据隐私与安全
在AI健康监护系统中，数据安全是至关重要的：
### 隐私保护措施
1. **数据加密**：端到端加密保护敏感信息
2. **本地处理**：关键数据在设备本地处理
3. **匿名化**：个人信息匿名化处理
4. **权限控制**：严格的数据访问权限管理
## 结论
AI技术在老年人健康监护领域的应用前景广阔，将为构建更加智能、人性化的老年人健康监护体系发挥越来越重要的作用。`;
const blogContent2 = `---
id: wearable-tech-revolution
category: Wearable Tech
title: 可穿戴设备：重新定义个人健康管理
excerpt: 从简单的计步器到智能健康伙伴，可穿戴设备正在彻底改变我们管理健康的方式。
author: 李华
authorTitle: 可穿戴技术研究员
authorAvatar: https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face
date: 2024-11-28
readTime: 6分钟
image: https://images.unsplash.com/photo-1544117519-31a4b719223d?w=800&h=400&fit=crop
tags:
- 可穿戴设备
- 健康监测
- 智能硬件
- 个人健康
likes: 89
comments: 16
trending: false
---
# 可穿戴设备：重新定义个人健康管理
## 技术演进历程
可穿戴设备从最初的计步器发展到今天的智能健康监测系统，经历了几个重要阶段。
### 第一代：基础监测
- 计步、卡路里消耗
- 简单的运动追踪
### 第二代：多功能集成
- 心率监测
- GPS定位
- 智能通知
### 第三代：AI驱动的健康管理
- 连续血氧监测
- ECG心电图
- 压力水平分析
## 未来发展趋势
可穿戴设备将向更加精准、智能和个性化的方向发展。`;
const blogContent3 = `---
id: smart-health-data-platform
category: Data Platform
title: 智能健康数据平台：数据驱动的精准医疗
excerpt: 探索如何通过大数据和AI技术构建智能健康数据平台，实现数据驱动的精准医疗服务。
author: 王小明
authorTitle: 数据科学家
authorAvatar: https://images.unsplash.com/photo-1560250097-0b93528c311a?w=100&h=100&fit=crop&crop=face
date: 2024-11-25
readTime: 10分钟
image: https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=400&fit=crop
tags:
- 大数据
- 精准医疗
- 健康平台
- 数据分析
likes: 72
comments: 13
---
# 智能健康数据平台：数据驱动的精准医疗
## 平台架构
智能健康数据平台采用微服务架构，支持大规模健康数据处理和分析。
## 核心功能
### 数据采集
- 多源数据整合
- 实时数据流处理
### 数据分析
- 机器学习模型
- 预测性分析
### 应用服务
- 个性化医疗建议
- 健康风险评估
## 技术实现
平台基于云原生技术栈，确保高可用性和可扩展性。`;
const docsContent1 = `---
id: getting-started
title: 快速开始
category: 基础教程
description: 快速了解如何使用OmniVerse健康监测平台
order: 1
lastUpdated: 2024-12-01
tags:
- 入门
- 基础
- 教程
---
# 快速开始
欢迎使用 OmniVerse 健康监测平台！
## 概述
OmniVerse 是一个综合性的健康监测平台，整合了：
- 智能穿戴设备
- 护理机器人
- 健康数据分析平台
## 快速安装
### 1. 移动应用下载
在App Store或Google Play Store搜索"OmniVerse"
### 2. 设备配对
1. 打开OmniVerse应用
2. 选择"添加设备"
3. 扫描设备二维码
4. 按照提示完成配对
## 主要功能
- 实时健康监测
- 智能健康提醒
- 数据分析报告`;
const docsContent2 = `---
id: api-reference
title: API参考文档
category: 开发者文档
description: OmniVerse平台完整的API接口文档
order: 10
lastUpdated: 2024-12-01
tags:
- API
- 开发者
- 参考文档
---
# API参考文档
OmniVerse提供完整的RESTful API。
## 基础信息
- **Base URL**: \`https://api.omniverse.com/v1\`
- **协议**: HTTPS
- **认证**: Bearer Token
- **数据格式**: JSON
## 认证
### 获取访问令牌
\`\`\`http
POST /auth/token
Content-Type: application/json
{
"client_id": "your_client_id",
"client_secret": "your_client_secret",
"grant_type": "client_credentials"
}
\`\`\`
## 用户管理
### 获取用户信息
\`\`\`http
GET /users/{user_id}
Authorization: Bearer {access_token}
\`\`\``;
const docsContent3 = `---
id: sdk-integration
title: SDK集成指南
category: 开发者文档
description: 如何在您的应用中集成OmniVerse SDK
order: 5
lastUpdated: 2024-12-01
tags:
- SDK
- 集成
- 开发者
---
# SDK集成指南
## JavaScript SDK
### 安装
\`\`\`bash
npm install @omniverse/sdk
\`\`\`
### 基础用法
\`\`\`javascript
import { OmniVerseAPI } from '@omniverse/sdk';
const client = new OmniVerseAPI({
apiKey: 'your-api-key'
});
const healthData = await client.users.getHealthData('user_123');
\`\`\`
## Python SDK
### 安装
\`\`\`bash
pip install omniverse-sdk
\`\`\`
### 基础用法
\`\`\`python
from omniverse import OmniVerseClient
client = OmniVerseClient(api_key='your-api-key')
user = client.users.get('user_123')
\`\`\``;
const articleContent1 = `---
id: health-tech-trends-2024
title: 2024年健康科技发展趋势
category: 行业分析
excerpt: 深度分析2024年健康科技领域的最新发展趋势和技术突破。
author: 陈研究员
date: 2024-11-20
readTime: 12分钟
image: https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=800&h=400&fit=crop
tags:
- 行业趋势
- 健康科技
- 2024
- 技术创新
---
# 2024年健康科技发展趋势
## 主要趋势
### 1. AI+医疗深度融合
- 医疗影像AI诊断
- 药物研发AI加速
- 个性化治疗方案
### 2. 数字疗法兴起
- 软件即医疗设备
- 数字药物概念
- 远程治疗方案
### 3. 精准医学发展
- 基因检测普及
- 个性化医疗方案
- 生物标志物应用
## 技术突破
2024年将见证多项关键技术的突破性进展。`;
const articleContent2 = `---
id: ai-healthcare-revolution
title: AI正在如何颠覆传统医疗行业
category: 技术分析
excerpt: 全面解析人工智能技术在医疗健康领域的革命性应用和未来前景。
author: 刘博士
date: 2024-11-15
readTime: 15分钟
image: https://images.unsplash.com/photo-1576671081837-49000212a370?w=800&h=400&fit=crop
tags:
- AI
- 医疗革命
- 技术分析
- 未来医疗
likes: 245
comments: 56
trending: true
---
# AI正在如何颠覆传统医疗行业
## 变革领域
### 诊断与检测
- 医学影像分析
- 病理学诊断
- 早期疾病筛查
### 治疗与手术
- 手术机器人
- 精准放疗
- 个性化用药
### 健康管理
- 预防性医疗
- 慢病管理
- 健康监测
## 挑战与机遇
AI医疗面临的主要挑战包括数据隐私、监管合规和技术标准化。`;
const articleContent3 = `---
id: smart-wearable-analysis
title: 智能穿戴设备市场深度分析报告
category: 行业分析
excerpt: 深入分析智能穿戴设备行业现状、发展趋势及投资机会。
author: 市场研究团队
authorTitle: 行业分析师
authorAvatar: https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?w=100&h=100&fit=crop&crop=face
date: 2024-11-10
readTime: 20分钟
image: https://images.unsplash.com/photo-1544117519-31a4b719223d?w=800&h=400&fit=crop
tags:
- 智能穿戴
- 市场分析
- 行业报告
- 投资机会
likes: 189
comments: 43
---
# 智能穿戴设备市场深度分析报告
## 市场概况
### 全球市场规模
- 2024年市场规模达到450亿美元
- 年复合增长率预计15.2%
- 中国市场占比超过30%
### 主要产品类型
- 智能手表：占比45%
- 健身追踪器：占比25%
- 智能耳机：占比20%
- 其他设备：占比10%
## 技术发展趋势
### 传感器技术升级
- 血氧监测精度提升
- 心电图功能普及
- 血糖无创检测突破
### AI算法优化
- 健康数据智能分析
- 个性化健康建议
- 异常情况预警
## 市场竞争格局
### 领先厂商
1. **Apple** - 市场份额28%
2. **三星** - 市场份额15%
3. **华为** - 市场份额12%
4. **小米** - 市场份额8%
### 竞争优势分析
- 生态系统整合能力
- 健康算法准确性
- 产品设计与用户体验
- 价格竞争力
## 投资机会与风险
### 机会领域
- 医疗级穿戴设备
- 老年人健康监护
- 运动专业设备
- 企业健康管理
### 风险因素
- 技术标准化挑战
- 数据隐私法规
- 市场饱和风险
- 供应链波动`;
const articleContent4 = `---
id: telemedicine-future
title: 远程医疗的未来：技术驱动的医疗服务变革
category: 未来医疗
excerpt: 探讨5G、AI、IoT等技术如何推动远程医疗发展，重塑医疗服务模式。
author: 医疗科技专家组
authorTitle: 远程医疗研究专家
authorAvatar: https://images.unsplash.com/photo-1559757175-8a4c7c5d64b1?w=100&h=100&fit=crop&crop=face
date: 2024-11-05
readTime: 18分钟
image: https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=800&h=400&fit=crop
tags:
- 远程医疗
- 5G技术
- IoT医疗
- 数字化转型
likes: 167
comments: 38
trending: false
---
# 远程医疗的未来：技术驱动的医疗服务变革
## 技术基础设施
### 5G网络支撑
- 超低延迟通信
- 高清视频传输
- 大规模设备连接
- 边缘计算能力
### AI辅助诊断
- 影像智能识别
- 症状自动分析
- 用药建议优化
- 风险评估预警
## 应用场景分析
### 远程问诊
- 在线视频咨询
- 健康状态监测
- 慢病管理跟踪
- 康复指导服务
### 远程手术
- 手术机器人控制
- 专家远程指导
- 实时影像传输
- 多学科协作
### 移动医疗
- 救护车远程诊断
- 偏远地区医疗覆盖
- 家庭健康监护
- 应急医疗响应
## 挑战与解决方案
### 技术挑战
- 网络安全保障
- 设备标准统一
- 数据互联互通
- 诊断准确性提升
### 政策法规
- 医疗资质认证
- 跨区域执业许可
- 医疗责任界定
- 隐私保护规范
## 发展前景展望
### 市场预测
- 2030年市场规模预计达到2000亿美元
- 服务覆盖率提升至80%
- 成本降低50%以上
### 社会影响
- 医疗资源均衡分配
- 就医便民程度提升
- 医疗成本有效控制
- 健康管理模式创新`;
// 导出单例实例
export const markdownLoader = MarkdownLoader.getInstance();
// 便捷函数
export const getBlogPosts = () => markdownLoader.getBlogPosts();
export const getBlogPost = (slug: string) => markdownLoader.getBlogPost(slug);
export const getDocs = () => markdownLoader.getDocs();
export const getDoc = (slug: string) => markdownLoader.getDoc(slug);
export const getArticles = () => markdownLoader.getArticles();
export const getArticle = (slug: string) => markdownLoader.getArticle(slug);
export const searchContent = (query: string, type?: 'blog' | 'docs' | 'articles') =>
markdownLoader.searchContent(query, type);