Skip to content

Commit

Permalink
Change quick-start
Browse files Browse the repository at this point in the history
  • Loading branch information
aimkenov21 committed Nov 24, 2024
1 parent beda01d commit f9be772
Show file tree
Hide file tree
Showing 3 changed files with 84 additions and 64 deletions.
62 changes: 0 additions & 62 deletions ru/how-it-work.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,65 +19,3 @@
Чтобы изменить стандартное имя репозитория `diplodoc-example`, [свяжитесь с нами](https://diplodoc.com/#contact).

{% endnote %}

## Создание простого документационного проекта в YFM

### Структура проекта

Базовый проект состоит из нескольких конфигурационных файлов и страниц с контентом, связанных между собой в следующую структуру:


```
input-folder
|-- .yfm (Файл конфигурации)
|-- toc.yaml (Оглавление)
|-- presets.yaml (Пресеты переменных)
|-- index.yaml (Разводящая страница)
|-- pages (Файлы с контентом)
|-- faq.md
|-- how-to.md
|-- _assets (Каталог с изображениями)
|-- image1.png
|-- image2.png
|-- _includes (Каталог с файлами для переиспользования)
|-- faq_shared_block.md
```

Больше информации про параметры и конфигурацию можно найти в разделе [**Документационный проект**](./project/index.md).

### Сборка проекта

Сборка выполняется с помощью инструмента [**Builder**](tools/docs/index.md) в командной строке.

Чтобы запустить сборку, выполните команду, указав обязательные ключи запуска:


- input, -i — путь до директории проекта.


- output, -o — путь до директории, предназначенной для выходных данных (статических HTML).

#### Пример

```
yfm -i ./input-folder -o ./ouput-folder
```
### Результат

После успешного выполнения работы сборщика появляется или готовый проект HTML или проект в YFM.
Часто вывод в YFM применяется для создания подразделов и включения в крупные проекты.

### Использование

Готовые проекты в HTML можно использовать локально или разместить на подходящем для Вас хостинге, включая S3-like хранилище.

### Подключение плагинов и расширенная конфигурация

Как правило, большие документационные проекты используют дополнительные возможности по работе с контентом и специфичные конфигурации для построения.
Примером таких расширений является возможность работы с видео или многострочными таблицами.

Подробнее о способах корректного отображения и трансформации контента можно почитать на [странице](./plugins/index.md).

Особенностью конфигурации при построении может быть возможность отключения линтера или сборка проекта в виде одного большого HTML-файла.

Дополнительно с такими возможностями можно ознакомиться на [странице](./tools/transform/settings.md).
84 changes: 83 additions & 1 deletion ru/installation.md
Original file line number Diff line number Diff line change
@@ -1 +1,83 @@
# Установка
# Установка и настройка

## Предварительные требования

- Node.js — v18.12.1 или выше.
- Текстовый редактор, например, VS Code.
- Терминал — работа с Diplodoc осуществляется через интерфейс командной строки (CLI).

## Установка

Установите пакет Diplodoc CLI, выполнив команду: `npm i @diplodoc/cli -g`.

## Создание простого документационного проекта в YFM

### Структура проекта

Базовый проект состоит из нескольких конфигурационных файлов и страниц с контентом, связанных между собой в следующую структуру:

```
input-folder
|-- .yfm (Файл конфигурации)
|-- toc.yaml (Оглавление)
|-- presets.yaml (Пресеты переменных)
|-- index.yaml (Разводящая страница)
|-- pages (Файлы с контентом)
|-- faq.md
|-- how-to.md
|-- _assets (Каталог с изображениями)
|-- image1.png
|-- image2.png
|-- _includes (Каталог с файлами для переиспользования)
|-- faq_shared_block.md
```

Больше информации про параметры и конфигурацию можно найти в разделе [**Документационный проект**](./project/index.md).

### Сборка проекта

Сборка выполняется с помощью инструмента [**Builder**](tools/docs/index.md) в командной строке.

Чтобы запустить сборку, выполните команду, указав обязательные ключи запуска:


- `input, -i` — путь до директории проекта.
- `output, -o` — путь до директории, предназначенной для выходных данных (статических HTML).

#### Пример

```
yfm -i ./input-folder -o ./ouput-folder
```

### Результат

После успешного выполнения работы сборщика появляется или готовый проект HTML или проект в YFM.
Часто вывод в YFM применяется для создания подразделов и включения в крупные проекты.

### Использование

Готовые проекты в HTML можно использовать локально или разместить на подходящем для Вас хостинге, включая S3-like.

Diplodoc поддерживает размещение на [Github Pages](github-pages.md).

#### Публикация на локальном сервере

Чтобы опубликовать документацию на локальном сервере, выполните команду:

```
npx -y @diplodoc/cli@next -i ./input-docs -o ~/output-docs --output-format html && npx http-server ~/output-docs -p 5005
```

Документация будет доступна по адресу <http://localhost:5005>

### Подключение плагинов и расширенная конфигурация

Как правило, большие документационные проекты используют дополнительные возможности по работе с контентом и специфичные конфигурации для построения.
Примером таких расширений является возможность работы с видео или многострочными таблицами.

Подробнее о способах корректного отображения и трансформации контента можно почитать на [странице](./plugins/index.md).

Особенностью конфигурации при построении может быть возможность отключения линтера или сборка проекта в виде одного большого HTML-файла.

Дополнительно с такими возможностями можно ознакомиться на [странице](./tools/transform/settings.md).
2 changes: 1 addition & 1 deletion ru/static-template.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Тестового шаблон
# Шаблон проекта

В репозитории есть [шаблон тестового проекта](https://github.com/diplodoc-platform/static-template). Форкните репозиторий шаблона, чтобы быстро развернуть свою документацию

Expand Down

0 comments on commit f9be772

Please sign in to comment.