# gt: General Translation CLI tool: HTML
URL: https://generaltranslation.com/ru/docs/cli/formats/html.mdx
---
title: HTML
description: Как с помощью General Translation настроить автоматический перевод HTML-файлов
---

## Обзор

`gt` можно использовать для автоматического перевода HTML-файлов.

<Callout type="info">
  Весь синтаксис и форматирование исходных файлов будут сохранены в
  переведённых файлах.
</Callout>

Мы выполним эти 4 шага:

<Steps>
  <Step>
    Добавьте переменные окружения
  </Step>

  <Step>Установите [`gt`](/docs/cli)</Step>

  <Step>
    Настройте файл [`gt.config.json`](/docs/cli/reference/config) вашего проекта
  </Step>

  <Step>Запустите [`gt translate`](/docs/cli/translate#translate)</Step>
</Steps>

***

## Шаг 1: Добавьте переменные окружения

Добавьте в переменные окружения продакшен API-ключ и идентификатор проекта.
Это необходимо для использования инструмента `gt`.
Их можно получить на [панели управления General Translation](https://generaltranslation.com/dashboard).

```bash title=".env"
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>
```

## Шаг 2: Установите `gt`

Установите инструмент `gt` в проект.

<Tabs items={['npm', 'yarn', 'bun', 'pnpm']}>
  <Tab value="npm">
    ```bash
    npm i gt
    ```
  </Tab>

  <Tab value="yarn">
    ```bash
    yarn add --dev gt
    ```
  </Tab>

  <Tab value="bun">
    ```bash
    bun add --dev gt
    ```
  </Tab>

  <Tab value="pnpm">
    ```bash
    pnpm add --save-dev gt
    ```
  </Tab>
</Tabs>

## Шаг 3: Настройте файл `gt.config.json` проекта

Создайте файл `gt.config.json` в корневом каталоге проекта со следующим содержимым:

```json title="gt.config.json"
{
  "defaultLocale": "en",
  "locales": ["es", "fr"],
  "files": {
    "html": {
      "include": ["docs/[locale]/**/*.html"]
    }
  }
}
```

Измените `defaultLocale` и `locales` так, чтобы они соответствовали локалям вашего проекта.

Массив строк в ключе `include` должен быть шаблоном glob, который охватывает все ваши HTML-файлы.

В нём используйте заполнитель `[locale]`, чтобы шаблон соответствовал локали файла.

Дополнительные сведения о файле `gt.config.json` см. в документации [настройки](/docs/cli/reference/config).


## Шаг 4: Добавьте команду `gt translate` в процесс сборки

Добавьте команду `gt translate` в процесс сборки или CI до запуска команды сборки, чтобы переводы автоматически добавлялись в проект.

```json title="package.json"
{
  "scripts": {
    "translate": "npx gt translate",
    "build": "npm run translate && <your build command>"
  }
}
```

Это создаст переводы для всех ваших локалей и сохранит их в проекте.
Если вы хотите закоммитить эти файлы в репозиторий, вместо этого выполните эту команду перед коммитом.

Готово! Теперь проект будет автоматически обновлять все HTML-файлы при любых изменениях в проекте.

***


## Примечания

* Вы можете автоматически добавлять переводы в проект с помощью команды [`gt translate`](/docs/cli/translate).
* Если вы хотите закоммитить файлы переводов, перед коммитом следует выполнить команду `gt translate`.
* Чтобы настроить путь вывода для переводов, см. документацию [«Настройка»](/docs/cli/reference/config).

## Следующие шаги

* См. [команду `gt translate`](/docs/cli/translate) для CLI.