Luxirty Search 项目使用教程
1. 项目目录结构及介绍
Luxirty Search 的目录结构如下:
luxirty-search/
├── .github/ # 存放 GitHub Actions 相关配置
├── .vscode/ # Visual Studio Code 项目配置
├── conf/ # 配置文件目录
├── docs/ # 文档目录
├── public/ # 公共静态文件目录
├── scripts/ # 脚本文件目录
├── src/ # 源代码目录
├── .dockerignore # Docker 忽略文件
├── .env # 环境变量配置文件
├── .gitignore # Git 忽略文件
├── Dockerfile # Docker 构建文件
├── LICENSE # 开源协议文件
├── README.md # 项目说明文件
├── index.html # 入口 HTML 文件
├── jsconfig.json # JavaScript 配置文件
├── package.json # 项目依赖及配置文件
├── pnpm-lock.yaml # pnpm 锁文件
├── vercel.json # Vercel 托管配置文件
└── vite.config.js # Vite 配置文件
.github/
: 包含用于自动化 GitHub 工作流的配置文件。.vscode/
: 包含 Visual Studio Code 项目的配置文件。conf/
: 包含项目的配置文件。docs/
: 存放项目文档。public/
: 存放公共静态文件,如图片、字体等。scripts/
: 包含项目相关脚本。src/
: 源代码目录,包括 HTML、CSS 和 JavaScript 文件。.dockerignore
: 列出在构建 Docker 镜像时需要忽略的文件和目录。.env
: 包含项目环境变量。.gitignore
: 列出在 Git 版本控制中需要忽略的文件和目录。Dockerfile
: 包含构建 Docker 镜像的指令。LICENSE
: 项目使用的开源协议,本项目采用 AGPL-3.0 协议。README.md
: 项目说明文件,介绍了项目的相关信息和使用方法。index.html
: 项目的入口 HTML 文件。jsconfig.json
: JavaScript 配置文件,用于配置编译器选项。package.json
: 包含项目的依赖项和脚本。pnpm-lock.yaml
: pnpm 的锁文件,保证不同环境下的依赖项一致性。vercel.json
: Vercel 托管配置文件。vite.config.js
: Vite 的配置文件,用于配置项目的构建过程。
2. 项目的启动文件介绍
项目的启动文件是 src/index.html
。这个文件是项目的主页面,其中包含了页面的基本结构和脚本链接。当用户访问项目时,这个 HTML 文件会被加载,并展示搜索界面。
<!-- src/index.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!-- ... -->
</head>
<body>
<!-- 搜索表单等元素 -->
<script type="module" src="/src/main.js"></script>
</body>
</html>
在 src/index.html
文件中,<script type="module" src="/src/main.js"></script>
这行代码负责加载 JavaScript 主文件 main.js
,该文件包含项目的主要逻辑。
3. 项目的配置文件介绍
项目的配置主要通过 package.json
和 .env
文件进行。
package.json
文件中定义了项目的依赖项,以及运行项目所需的脚本。例如,以下脚本用于启动开发服务器:
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
}
.env
文件用于设置环境变量,例如 Google 自定义搜索引擎的 CX ID:
VITE_GOOGLE_CSE_CX=your_cse_cx_id
确保在启动项目之前已经正确配置了这些文件。