LeetCode 网站生成器项目启动与配置教程

一、项目目录结构及介绍

LeetCode 网站生成器项目的目录结构如下：

leetcode-site-generator/
├── _config.yml            # 配置文件
├── _layouts/              # 布局文件夹
│   ├── default.html       # 默认布局文件
│   └── post.html          # 文章布局文件
├── _posts/                # 文章文件夹
│   └── 2019-01-01-welcome.md  # 示例文章
├── assets/                # 资源文件夹
│   ├── css/               # CSS 文件夹
│   ├── img/               # 图片文件夹
│   └── js/                # JavaScript 文件夹
├── index.html             # 首页文件
└── package.json           # 项目依赖文件

• _config.yml：项目的配置文件，用于设置网站的元数据、主题样式等。
• _layouts/：包含 HTML 布局文件，定义了网站的基本结构和样式。
• _posts/：存放 Markdown 格式的文章文件，每个文件对应一篇文章。
• assets/：存放项目所需的各种资源文件，如 CSS、图片和 JavaScript 文件。
• index.html：网站首页文件。
• package.json：项目的依赖配置文件。

二、项目的启动文件介绍

项目的启动主要通过命令行工具进行。首先，确保你的环境中安装了 Node.js。然后按照以下步骤操作：

1. 克隆项目到本地：

   git clone https://github.com/beizhedenglong/leetcode-site-generator.git
   

2. 进入项目目录：

   cd leetcode-site-generator
   

3. 安装项目依赖：

   npm install
   

4. 启动开发服务器：

   npm run serve
   

启动后，你可以在浏览器中访问 http://localhost:4000 查看生成的网站。

三、项目的配置文件介绍

项目的配置主要通过 _config.yml 文件进行。以下是一些常见的配置项：

• title：网站标题。
• description：网站描述。
• author：作者信息。
• baseurl：`网站的根 URL，如果是部署在子目录中，需要相应设置。

示例配置：

title: LeetCode 网站生成器
description: 用于生成 LeetCode 题目解析网站的工具
author: 你的名字
baseurl: /leetcode-site-generator

根据需要，你可以添加更多自定义配置项，以丰富你的网站功能和样式。