# BookOS-website

**Repository Path**: BookOS/book-os-website

## Basic Information

- **Project Name**: BookOS-website
- **Description**: website of BookOS
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-02-07
- **Last Updated**: 2026-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# BookOS 官方网站

基于NXOS内核的现代化操作系统官方网站

## 项目介绍

BookOS是一个基于NXOS（Next XBook Operating System）内核开发的现代化操作系统。本网站采用纯静态HTML+CSS实现，无需依赖任何前端框架，加载快速，易于维护。

## ✨ 网站特性

- 🎨 **蓝色主题设计**：统一采用蓝色系配色方案，简洁专业
- 🖼️ **丰富的图片内容**：包含硬件设备图片、功能演示截图等
- 📱 **现代化响应式设计**：完美适配移动端和桌面端
- ⚡ **纯静态页面**：加载快速，无需构建工具
- 🔧 **易于自定义**：清晰的结构，方便修改和扩展
- 🎯 **完整的内容展示**：首页、特性、平台、文档、版本历史、下载、演示、社区、关于

## 🚀 快速开始

### 方法一：直接在浏览器中打开

1. 下载或克隆本项目
2. 用浏览器直接打开 `index.html` 文件即可

### 方法二：使用本地服务器（推荐）

#### 使用 Python 3
```bash
python3 -m http.server 8000
```
然后在浏览器中访问：`http://localhost:8000`

#### 使用 Python 2
```bash
python -m SimpleHTTPServer 8000
```

#### 使用 Node.js (需要安装 http-server)
```bash
npx http-server
```

#### 使用 PHP
```bash
php -S localhost:8000
```

## 📁 网站结构

```
BookOS-website/
├── index.html          # 主页面
├── styles.css          # 样式文件
└── README.md          # 说明文档
```

## 📄 页面内容

### 首页 (Home)
- Hero区域，展示BookOS的核心价值
- 系统预览界面（包含桌面图标SVG）
- 快速下载和演示按钮

### 特性 (Features)
- **高性能**：基于NXOS内核，多核优化（含架构图）
- **跨平台**：支持x86、RISC-V、ARM64等架构（含平台图）
- **高稳定性**：经过严格测试（含稳定性图）
- **可裁剪**：根据不同场景优化（含裁剪示意图）
- **开源**：Apache-2.0协议（含开源示意图）
- **桌面系统**：专为办公、生活、娱乐设计（含桌面界面图）

### 平台支持
- **x86 (i386)**：桌面平台
- **RISC-V 64**：QEMU, K210, D1
- **Raspberry Pi 4B**：ARM64开发板
- **K210**：AI芯片平台
- **QEMU**：虚拟机平台

每个平台都配有详细的硬件SVG图片

### 文档 (Docs)
- **快速开始**：从零开始构建BookOS系统（含步骤图）
- **内核文档**：NXOS内核的详细技术文档（含架构图）
- **开发指南**：贡献代码的指南（含开发示意图）

### 版本历史
- **v0.25.0**：最新版本 - 更新NXOS内核，优化多核调度
- **v0.24.0**：稳定版本 - 完善桌面环境
- **v0.23.0**：RISC-V支持 - 新增RISC-V 64位架构支持

### 下载 (Download)
- **最新版本 v0.25.0**：包含最新的功能和性能优化
- **稳定版本 v0.24.0**：经过充分测试的稳定版本
- **源代码构建**：从源代码构建的完整指南

### 演示 (Demo)
- **桌面环境**：现代化的桌面界面（含桌面截图）
- **快速启动**：系统启动速度优化（含启动图）
- **文件管理**：直观的文件管理（含文件管理器图）
- **系统设置**：便捷的系统配置（含设置界面图）

### 社区贡献
- **开发者**：超过50位开发者参与代码贡献
- **活跃讨论**：丰富的社区讨论和问题反馈
- **开源协作**：欢迎所有人参与项目开发

### 关于 (About)
- 项目详细介绍
- 开源协议说明
- 社区统计数据（NXOS 91 Stars, BookOS 10 Stars等）

### 外部链接
- BookOS仓库：https://gitee.com/BookOS/BookOS
- NXOS仓库：https://gitee.com/BookOS/nxos
- 文档中心：https://gitee.com/BookOS/nxos-documentation

## 🎨 颜色主题

网站采用蓝色系主题，主要颜色包括：

```css
--primary-color: #2563eb;      /* 主色调：蓝色 */
--secondary-color: #3b82f6;    /* 次要色：浅蓝 */
--accent-color: #60a5fa;       /* 强调色：天蓝 */
--dark-color: #1e3a5f;         /* 深色背景 */
--darker-color: #0f172a;        /* 更深色背景 */
```

## 🛠️ 技术栈

- **HTML5**：语义化标签，SEO友好
- **CSS3**：现代化样式，响应式设计
- **SVG**：矢量图标和图形，无需外部图片资源
- **JavaScript**：少量交互脚本（菜单切换、平滑滚动）

## 🌐 浏览器兼容性

- Chrome (推荐)
- Firefox
- Safari
- Edge
- 其他现代浏览器

## ✏️ 自定义修改

### 修改颜色主题

在 `styles.css` 中修改 `:root` 变量：

```css
:root {
    --primary-color: #2563eb;      /* 主色调 */
    --secondary-color: #3b82f6;    /* 次要色调 */
    --accent-color: #60a5fa;       /* 强调色 */
}
```

### 修改内容

直接编辑 `index.html` 文件中的文本内容即可。

### 替换SVG图片

所有的图片都使用SVG格式嵌入在HTML中，你可以：
1. 编辑现有的SVG代码
2. 或将`<svg>`标签替换为`<img>`标签引用外部图片：

```html
<img src="your-image.jpg" alt="描述文本" style="width: 100%; height: auto;">
```

## 📦 部署到服务器

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

### Vercel / Netlify
直接将项目导入到Vercel或Netlify，它们会自动部署静态网站。

### 传统服务器
将 `index.html` 和 `styles.css` 上传到服务器的web目录（如 `public_html` 或 `www`）。

## 📄 许可证

本项目与BookOS项目一样，采用 Apache-2.0 开源协议。

## 📧 联系方式

- 邮箱：book-os@163.com
- 官网：http://www.book-os.com
- Gitee：https://gitee.com/BookOS/BookOS

## 🤝 贡献

欢迎提交Issue和Pull Request来改进这个网站！

## 🙏 致谢

感谢BookOS和NXOS团队的辛勤工作！