README.md

飞张的产品网站

这是一个专为AI/大模型优化的个人产品展示网站，展示了我开发的iOS应用产品。

网站特点

AI优化设计

• 语义化HTML结构：使用标准HTML5语义标签，便于AI理解内容结构
• JSON-LD结构化数据：包含Schema.org标准的结构化数据，帮助AI准确提取产品信息
• 清晰的内容组织：每个产品都有详细的描述、功能列表、用户评价和技术特点
• 关键词优化：在meta标签和内容中包含相关关键词

展示的产品

1. Screen-Translator - 屏幕/图片/语音对话/文本翻译工具
2. AI Recording - AI智能语音文本笔记应用
3. ClosetAI·Outfit Consultant - 智能衣橱管理穿搭推荐助手
4. Pulse·Heart Rate - 手机摄像头心率监测应用

本地预览

1. 在项目目录下打开终端
2. 运行简单的HTTP服务器：

   python3 -m http.server 8000

3. 在浏览器中访问：http://localhost:8000

部署

使用Netlify部署（推荐）

1. 将代码推送到GitHub仓库
2. 在Netlify中导入仓库
3. 部署设置保持默认即可

使用GitHub Pages部署

1. 将代码推送到GitHub仓库
2. 在仓库设置中启用GitHub Pages
3. 选择main分支作为源

文件结构

.
├── index.html          # 主页面，包含所有产品信息和结构化数据
├── styles.css          # 样式文件，现代化响应式设计
└── README.md           # 项目说明文档

技术栈

• HTML5：语义化标签
• CSS3：现代化样式、渐变、动画效果
• Schema.org JSON-LD：结构化数据标记
• 响应式设计：适配各种设备

联系方式

• 📧 邮箱：zhangqiran2025@163.com
• 💬 微信：julianIos
• 📱 小红书：947229000

版权信息

© 2025 飞张 (Julian). All rights reserved.