# Mint Runtime 静态网站
## 文件结构
```
static/
└── index.html # 官网首页
```
## 部署方式
### 方式一：本地预览
直接在浏览器中打开 `static/index.html` 文件即可预览。
### 方式二：使用本地服务器
```bash
# 使用 Python
cd static
python -m http.server 8080
# 或使用 Node.js 的 http-server
npx http-server static -p 8080
```
然后访问 http://localhost:8080
### 方式三：部署到 Web 服务器
将 `static` 目录内容上传到任何 Web 服务器的静态文件目录。
#### Nginx 配置示例
```nginx
server {
listen 80;
server_name your-domain.com;
root /path/to/static;
index index.html;
location / {
try_files $uri $uri/ =404;
}
}
```
#### Apache 配置示例
```apache
<VirtualHost *:80>
ServerName your-domain.com
DocumentRoot /path/to/static
<Directory /path/to/static>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
```
### 方式四：托管到 CDN 或静态站点服务
- **GitHub Pages**: 将 `static` 目录推送到 gh-pages 分支
- **Netlify**: 直接连接仓库，设置发布目录为 `static`
- **Vercel**: 自动检测并部署静态文件
- **Cloudflare Pages**: 上传 `static` 目录内容
## 自定义内容
### 修改链接
编辑 `index.html` 中的链接以指向正确的地址：
- API 文档链接：`https://docs.rs/mintrt`
- Gitee 仓库：`https://gitee.com/snoware/mint`
- GitHub 镜像：`https://github.com/snoware/mint`（如果有的话）
### 修改样式
所有 CSS 样式都在 `<style>` 标签内，可以直接修改：
- 主题色：搜索并替换 `#667eea` 和 `#764ba2`
- 字体：修改 `font-family` 属性
- 间距和布局：调整 `padding`、`margin`、`gap` 等值
### 添加新页面
复制 `index.html` 并重命名，然后在导航中添加链接。
## 特性
- ✅ 响应式设计（支持手机、平板、桌面）
- ✅ 现代化渐变背景
- ✅ 卡片式布局
- ✅ 悬停动画效果
- ✅ 语义化 HTML5 标签
- ✅ 无需外部依赖
- ✅ 加载速度极快
## 浏览器兼容性
支持所有现代浏览器：
- Chrome/Edge (最新版)
- Firefox (最新版)
- Safari (最新版)
- Opera (最新版)
## 截图
网站采用紫色渐变主题，包含：
1. **头部区域**：大标题和副标题
2. **特性展示区**：6 个功能卡片，网格布局
3. **行动号召区**：文档和源码链接按钮
4. **页脚**：版权信息和快速链接
## 性能优化建议
如需进一步优化：
1. **压缩 HTML**: 使用工具如 `html-minifier`
2. **启用 Gzip**: 在服务器上启用压缩
3. **使用 CDN**: 加速静态资源加载
4. **添加缓存头**: 设置合适的 Cache-Control
## 多语言支持
目前网站使用中文，如需支持多语言：
1. 创建多个 HTML 文件（如 `index-en.html`）
2. 使用 JavaScript 动态切换语言
3. 或使用静态站点生成器（如 Hugo、Jekyll）
## 许可证
与主项目一致：MPL-2.0 OR Commercial
---
**注意**: 这是一个纯静态网站，不包含任何后端逻辑或数据库依赖。
