冰皮个人网站项目使用说明

1. 项目目录结构及介绍

该项目是基于前端技术构建的个人网站，目录结构如下：

icepy.xyz/
├── .github/             # GitHub 工作流配置
│   └── workflows/
├── public/              # 公共资源目录
├── src/                 # 源代码目录
│   └── ...              # 具体源代码文件
├── .DS_Store            # Mac系统下的目录隐藏文件
├── .gitignore           # Git 忽略文件配置
├── LICENSE              # 开源协议文件
├── README.md            # 项目说明文件
├── SECURITY.md          # 安全策略文件
├── package.json         # 项目配置文件
└── yarn.lock            # Yarn 包管理锁文件

• .github/: 存放GitHub Actions的工作流配置文件，用于自动化构建、发布等。
• public/: 存放静态文件，如图片、CSS、JavaScript等。
• src/: 源代码目录，包含构建网站所需的所有前端代码。
• .DS_Store: Mac系统创建的文件夹，用于存储桌面和文件夹的图标位置和视图设置。
• .gitignore: 指定Git应该忽略的文件和目录。
• LICENSE: 项目使用的开源协议，本项目采用LGPL-3.0协议。
• README.md: 项目说明文件，提供项目的基本信息和使用方法。
• SECURITY.md: 安全策略文件，说明项目安全相关的信息和策略。
• package.json: 定义了项目的依赖和配置信息。
• yarn.lock: Yarn工具的锁文件，保证在不同环境中安装相同的依赖。

2. 项目的启动文件介绍

项目的启动主要是通过package.json中的脚本完成的。以下是package.json中的部分内容：

"scripts": {
  "start": "webpack serve --open"
}

这里定义了一个start脚本，使用webpack serve --open命令来启动本地开发服务器，并自动打开浏览器。

启动项目的方法如下：

yarn start
# 或者
npm start

执行上述命令后，webpack会编译源代码并启动一个本地服务器，通常会自动在默认的web浏览器中打开一个新标签页，地址通常是http://localhost:8080。

3. 项目的配置文件介绍

项目的配置主要通过package.json文件进行。以下是package.json文件的一些关键配置：

• name: 定义了项目的名称。
• version: 定义了项目的版本号。
• description: 提供了项目的简短描述。
• main: 指定了项目的入口文件。
• scripts: 定义了一组可以执行的脚本命令，例如启动服务器、构建项目等。
• keywords: 定义了与项目相关的关键词。
• author: 指定了项目的作者信息。
• license: 指定了项目所采用的协议。
• dependencies: 列出了项目依赖的库。
• devDependencies: 列出了项目开发过程中依赖的库。

通过修改package.json中的配置，可以改变项目的运行方式和依赖项。此外，项目中可能还包含其他配置文件，如.gitignore，用于配置Git忽略的文件列表，以及webpack.config.js（如果存在），用于配置webpack的打包和编译过程。