# test-pc

**Repository Path**: zx-luo/test-pc

## Basic Information

- **Project Name**: test-pc
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-27
- **Last Updated**: 2026-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# Test PC - Vue.js 个人网站项目

## 项目简介

这是一个基于 Vue.js 3 构建的个人网站项目，采用现代前端技术栈，包含多个功能页面和组件。项目使用 Vite 作为构建工具，支持 Docker 部署。

## 技术栈

- **前端框架**: Vue.js 3
- **构建工具**: Vite
- **路由**: Vue Router
- **样式**: CSS (全局样式)
- **部署**: Docker + Nginx

## 项目结构

```
├── src/
│   ├── main.js          # 应用入口文件
│   ├── App.vue          # 根组件
│   ├── router/index.js  # 路由配置
│   ├── styles/global.css # 全局样式
│   ├── components/      # 公共组件
│   │   ├── Header.vue       # 顶部导航栏
│   │   ├── Footer.vue       # 底部组件
│   │   ├── ArticleCard.vue  # 文章卡片
│   │   └── WeatherWidget.vue # 天气小组件
│   └── views/           # 页面组件
│       ├── Home.vue         # 首页
│       ├── About.vue        # 关于页面
│       ├── Hobbies.vue      # 爱好页面
│       ├── Article.vue      # 文章详情页
│       ├── Weather.vue      # 天气页面
│       └── SystemInfo.vue   # 系统信息页
├── public/
│   └── index.html       # HTML 模板
├── Dockerfile           # Docker 构建文件
├── nginx.conf           # Nginx 配置
├── deploy.sh           # 部署脚本
├── package.json        # 项目依赖配置
└── vite.config.js      # Vite 配置
```

## 功能特性

1. **响应式设计** - 适配不同设备尺寸
2. **多页面导航** - 通过 Vue Router 实现页面路由
3. **天气功能** - 独立的天气展示页面和小组件
4. **文章系统** - 文章列表和详情展示
5. **个人展示** - 关于页面和个人爱好介绍
6. **系统信息** - 展示系统相关信息

## 快速开始

### 环境要求

- Node.js 16+
- npm 或 yarn

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

启动开发服务器，访问 `http://localhost:3000`

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## Docker 部署

### 构建镜像

```bash
docker build -t test-pc .
```

### 运行容器

```bash
docker run -d -p 80:80 --name test-pc-container test-pc
```

### 使用部署脚本

```bash
chmod +x deploy.sh
./deploy.sh
```

## 配置说明

### 环境变量

部署脚本支持以下环境变量：

- `HARBOR_URL`: Harbor 镜像仓库地址
- `PROJECT_NAME`: 项目名称
- `IMAGE_NAME`: 镜像名称
- `TAG`: 镜像标签
- `FULL_IMAGE_NAME`: 完整镜像地址

### Nginx 配置

项目使用 Nginx 作为 Web 服务器，配置位于 `nginx.conf` 文件中。

## 依赖版本

主要依赖版本信息请查看 `package.json` 文件。

## 许可证

本项目遵循项目仓库中 LICENSE 文件规定的许可证。