# 安装

### 先决条件
  - Hugo
  - Node.js
  - npm

{{< callout tip >}}假设你已经安装了 Hugo,如果没有,请先安装 Hugo.{{< /callout >}}

使用NVM安装 Node.js 和 npm（一定是最新版）：
```bash
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
source ~/.nvm/nvm.sh  && nvm install node
```

### 创建新项目

以下命令将启动一个交互式命令行界面 (CLI),引导您完成设置过程.请选择您已安装的软件包管理器：
```bash
npm create thulite@latest
```
{{< steps >}}
{{< step >}}

输入您的项目名称——这也是安装目录(例如我想把项目安装在根目录的`site`目录下,应该输入 `/site`)

```bash
│
◆  Project name:
│  /site
└
```

{{< /step >}}
{{< step >}}

选择 Doks 主题模板

```bash
◆  Select a template:
│  ● Doks theme
│  ○ Bolt theme
│  ○ Tailwind CSS starter
│  ○ Bootstrap starter
│  ○ Basic starter
└
```

{{< /step >}}
{{< step >}}

选择一个变体

```bash
◆  Select a variant:
│  ● With recommended integrations (SEO and Images)
└
```

{{< /step >}}
{{< step >}}

自动生成一个项目的基础结构（脚手架）

```bash
◇  Scaffolding project in /site...
│
└  Done. Now run:
```
现在您将拥有一个新的项目目录,其中包含您的网站所需的所有文件和配置.

{{< /step >}}
{{< step >}}

进入项目目录并安装依赖项

```bash
cd /site && npm install
```

{{< /step >}}
{{< step >}}

构建站点

```bash
npm run build
```

{{< /step >}}
{{< /steps >}}