From 3ee2d6da4a9bcde75766da1d3700433051e41e1e Mon Sep 17 00:00:00 2001
From: mackt <1033530438@qq.com>
Date: Sun, 7 Apr 2024 00:32:58 +0800
Subject: [PATCH] update: README

---
 .env.development |  4 ++++
 .env.test        |  4 ++++
 README.md        | 53 ++++++++++++++++++++++++++++--------------------
 3 files changed, 39 insertions(+), 22 deletions(-)
 create mode 100644 .env.development
 create mode 100644 .env.test

diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..901457c
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,4 @@
+# 生产环境使用的变量
+NODE_ENV = 'test'
+
+NEXT_PUBLIC_HOST = 'http://39.103.180.196:9012'
diff --git a/.env.test b/.env.test
new file mode 100644
index 0000000..bb8790d
--- /dev/null
+++ b/.env.test
@@ -0,0 +1,4 @@
+# 测试环境使用的变量
+NODE_ENV = 'test '
+
+NEXT_PUBLIC_HOST = 'http://39.103.180.196:9012'
diff --git a/README.md b/README.md
index 893ae63..cc8ab02 100644
--- a/README.md
+++ b/README.md
@@ -1,39 +1,48 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# 雀跃 - PC端官网
 
-## Getting Started
+## 环境准备
+- node.js version >= v18.17.0
+- 配置 [环境变量](https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables)
 
-First, run the development server:
+## 运行
 
+### 1. 安装依赖
+```bash
+yarn
+```
+或
 ```bash
 npm i
-
+```
+### 2. 启动项目
+```bash
+yarn dev
+```
+或
+```
 npm run dev
 ```
 
-Open [http://localhost:3001](http://localhost:3001) with your browser to see the result.
+### 3. 在浏览器打开网页
+http://localhost:3001
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+## 部署
+请使用 [Jenkins](http://116.62.145.60:8888/)
 
-如果遇到代码飘红报错 [试一下这个方法](https://juejin.cn/post/6844904069304156168#heading-6)
+## 项目指南
 
-## Learn More
+如果遇到代码飘红报错 试一下 [这个方法](https://juejin.cn/post/6844904069304156168#heading-6)
 
-需要了解 Next.js 的相关信息，可以查看以下资源
 
-- [Next.js Documentation](https://nextjs.org/docs) - 了解Next.js功能和API
-- [Learn Next.js](https://nextjs.org/learn) - 交互式Next.js教程
-- [Learn Next.js APP router](https://nextjs.org/learn/dashboard-app) - 交互式的 Next.js APP router教程。
 
-## Deploy on Vercel
+## 了解更多
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+需要了解项目技术栈的相关信息，可以查看以下资源
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+- [Next.js Documentation](https://nextjs.org/docs) - 了解 Next.js 功能和 API。
+- [Learn Next.js](https://nextjs.org/learn) - 交互式 Next.js 教程。
+- [Learn Next.js APP router](https://nextjs.org/learn/dashboard-app) - 交互式的 Next.js APP router 教程。
+- [Tailwind CSS Documentation](https://tailwindcss.com/docs/installation) -了解 Tailwind CSS 。
+- [Learn UnoCSS](https://tailwindcss.com/docs/installation) -了解 UnoCSS 。
+- [Learn Zustand](https://github.com/pmndrs/zustand) -了解 Zustand 。
 
-## todo
-- [ ] 首页
-- [ ] 底部播放器
-- [ ] loading skeleton
-- [ ] api 封装
-- [ ] MP4 资源加密
-- [ ] SEO [meta](https://nextjs.org/learn/dashboard-app/adding-metadata)