一个基于Vue3和TypeScript构建的现代化个人网站,集成作品集展示、技术博客和个人介绍功能。采用响应式设计,提供流畅的用户体验。
- Vue 3
- TypeScript
- Vite
- Vue Router
- Tailwind CSS
- Headless UI
- Node.js >= 18.0.0
- npm >= 9.0.0
npm install
npm run dev
启动后,访问 http://localhost:5173 即可查看网站。
npm run build
构建后的文件将生成在 dist
目录下。
- 在项目根目录创建
.env
文件,包含以下配置:
# 服务器配置
REMOTE_USER=your_username
REMOTE_HOST=your_server_ip
DEPLOY_PATH=/your/deploy/path
- 确保已正确配置
.env
文件 - 运行部署脚本:
./deploy.sh
部署脚本会自动执行以下操作:
- 构建项目
- 将构建后的文件打包
- 上传到远程服务器
- 在服务器上解压文件
- 重启 Nginx 服务
- 确保远程服务器已安装并配置好 Nginx
- 确保部署路径具有正确的权限
- 部署前请确保
.env
文件中的配置信息正确 .env
文件包含敏感信息,已添加到.gitignore
中,请勿提交到代码仓库