Перейти к содержимому

Инструкция по редактированию документации ​

Эта документация написана с помощью VitePress, и хранится в репозитории на GitHub: wotstat-25/mods-development-docs

Для внесения изменений вам необходим аккаунт на GitHub, если у вас его нет, то зарегистрируйтесь, это бесплатно и не займёт много времени.

Есть два способа внести изменения в документацию:

  1. Через кнопку Редактировать страницу внизу каждой страницы. Это быстрый и простой способ внести небольшие правки, например исправить опечатку или добавить пару строк.
  2. Через fork репозитория и создание pull request. Этот способ более сложный, но он позволяет вносить более серьёзные изменения, например добавлять новые страницы и статьи.

Подготовка ​

Чтобы ваш аккаунт отображался в качестве автора изменений внизу страницы, необходимо использовать служебный email‑адрес GitHub. Для этого:

  1. Перейдите в настройки вашего аккаунта на GitHub: https://github.com/settings/emails
  2. Активируйте опцию Keep my email address private

Редактирование через кнопку Редактировать страницу ​

  1. Перейдите на страницу, которую хотите отредактировать.
  2. Нажмите на кнопку Редактировать страницу внизу страницы.
  3. Нажмите на кнопку Fork this repository, чтобы создать локальную копию репозитория.
  4. После этого в открывшемся интерфейсе вы можете изменить страницу.
Пример интерфейса редактирования

edit-page

  1. После внесения изменений в верхнем правом углу нажмите на кнопку Commit changes.
  2. В открывшемся окне введите краткое описание ваших изменений.
Пример окна коммита

commit-changes

  1. Нажмите кнопку Create pull request.
Пример окна создания Pull Request

create-pr

После этого ваши изменения будут отправлены на рассмотрение, и после проверки, они будут приняты в основную документацию.

Редактирование через fork и Pull Request ​

Этот способ является более удобным, потому что позволит вносить изменения через удобный редактор и с возможностью проверки изменений перед отправкой.

Подготовка ​

Вам потребуется установить Git, VSCode и Bun, если у вас их нет, то:

  1. Установите Git — это система контроля версий, которая позволит вам работать с репозиторием документации.
  2. Установите VSCode — это редактор кода, который мы будем использовать для редактирования документации.
  3. Установите Bun — это среда выполнения JavaScript и менеджер пакетов, необходимые для запуска VitePress локально. Нужна версия 1.4 или новее; Bun доступен для Windows, macOS и Linux.

Создание fork ​

  1. Перейдите на страницу репозитория документации: wotstat-25/mods-development-docs
  2. Нажмите на кнопку Fork в правом верхнем углу страницы.
Интерфейс создания fork

fork

  1. Выберите свой аккаунт, в который хотите создать fork. И нажмите на кнопку Create fork.
  2. Вас переадресует в вашу личную копию репозитория, в котором вы можете его как угодно редактировать.

Создайте локальную копию ​

  1. Склонируйте ваш fork себе на компьютер:
  • На странице вашего fork нажмите на кнопку Code и скопируйте ссылку.
Интерфейс клонирования репозитория

clone

  • Откройте VSCode, и в меню Source Control нажмите на кнопку Clone Repository.
Интерфейс клонирования репозитория

vsc-clone

  • Вставьте скопированную ссылку и нажмите Enter. Выберите папку, в которую хотите склонировать репозиторий.
  • После клонирования, VSCode предложит вам открыть склонированный репозиторий, нажмите Open.
  1. Откройте встроенный терминал VSCode (Ctrl+` или Terminal -> New Terminal) и установите зависимости:
shell
bun install
  1. Запустите локальный сервер для предпросмотра документации:
shell
bun run dev

После запуска в терминале появится ссылка на локальный сервер (обычно http://localhost:5173/). Перейдите по этой ссылке в браузере.

Настройка связанного с GitHub адреса email ​

Чтобы ваш профиль отображался внизу страницы как автор изменений, необходимо настроить email‑адрес, связанный с вашим аккаунтом на GitHub. Для этого:

  1. Перейдите в настройки вашего аккаунта на GitHub: https://github.com/settings/emails
  2. Активируйте опцию Keep my email address private
  3. Скопируйте служебный email адрес, который выглядит как <username>@users.noreply.github.com
  4. В VSCode, внутри проекта, откройте терминал (Ctrl+` или Terminal -> New Terminal) и выполните команду:
shell
git config user.email "<your-email>"

Замените <your-email> на скопированный email адрес.

Внесение изменений ​

Теперь вы можете вносить изменения в документацию. Все страницы находятся в папке docs, а файлы страниц имеют расширение .md (Markdown).

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

Когда вы достигнете определённого прогресса и захотите сохранить ваши изменения в репозиторий, выполните следующие шаги:

  1. В VSCode, в меню Source Control вы увидите список изменённых файлов.
  2. Наведите курсор на подраздел Changes и нажмите на кнопку +, чтобы отметить все изменения.
  3. Введите краткое описание ваших изменений в поле ввода сверху.
Интерфейс коммита изменений

commit

  1. Нажмите на кнопку Commit, чтобы зафиксировать изменения.
  2. Нажмите на кнопку Sync Changes, чтобы отправить ваши изменения в GitHub.

Создание Pull Request ​

  1. Перейдите на страницу вашего fork на GitHub.
  2. Нажмите на кнопку Contribute и выберите Open pull request.
Интерфейс создания Pull Request

create-pr

  1. В интерфейсе создания Pull Request введите заголовок и описание ваших изменений.
Интерфейс описания Pull Request

pr-details

  1. Если вы уже готовы, нажмите на кнопку Create pull request, чтобы отправить ваши изменения на рассмотрение.
  • Если вы хотите продолжить вносить изменения, но уже готовы обсудить текущие, выберите Create draft pull request, чтобы создать черновик Pull Request.
Смена статуса на черновик

pr-draft

После открытия Pull Request, ваши изменения будут рассмотрены, прокомментированы и в случае одобрения, приняты в основную документацию.

При открытом Pull Request вы можете продолжать вносить изменения в ваш fork, и они автоматически будут добавлены в открытый Pull Request. Не забывайте делать Commit и Push ваших изменений.

Assets locality ​

В этой документации принято хранить все ассеты, связанные с конкретной страницей, максимально близко к этой странице. Обычно это папка assets, расположенная рядом с файлом страницы.

.../edit-docs/
    ├─ index.md
    └─ assets/
        ├── image.png
        └── code.py

Как работать с Markdown ​

Документация написана с помощью VitePress, который использует расширенный синтаксис Markdown, все возможности которого описаны в официальной документации.

Из основных возможностей, которые могут пригодиться:

Заголовки ​

md
# Заголовок 1 уровня
## Заголовок 2 уровня
### Заголовок 3 уровня

Якоря для заголовков ​

md
## Заголовок 2 уровня {#header-2}

Параграфы ​

md
Это первый параграф.

Это второй параграф.

Выделение текста ​

md
**Жирный текст**
*Курсивный текст*
~~Зачёркнутый текст~~

Жирный текстКурсивный текстЗачёркнутый текст

md
[Текст ссылки](https://example.com)

Текст ссылки

Изображения ​

md
![Название картинки](./assets/image.png)

Изображение должно находиться в папке assets, которая лежит рядом с файлом страницы.

Размер изображения ​

md
![Название картинки](./assets/image.png){width=400}

Блоки кода ​

md
```python
print("Hello, World!")
```
python
print("Hello, World!")

Вставки кода ​

md
Вставки `кода`

Блоки с подсветкой ​

md
::: tip СОВЕТ
Это блок с подсветкой для советов.
:::

::: warning ВНИМАНИЕ
Это блок с подсветкой для предупреждений.
:::

::: details ПОДРОБНЕЕ
Это блок с возможностью сворачивания.
:::

СОВЕТ

Это блок с подсветкой для советов.

ВНИМАНИЕ

Это блок с подсветкой для предупреждений.

ПОДРОБНЕЕ

Это блок с возможностью сворачивания.

Списки ​

md
- Пункт списка 1
- Пункт списка 2
  - Вложенный пункт списка
  • Пункт списка 1
  • Пункт списка 2
    • Вложенный пункт списка

Нумерованные списки ​

md
1. Первый пункт
2. Второй пункт
  1. Первый пункт
  2. Второй пункт

Таблицы ​

md
| Заголовок 1 | Заголовок 2 |
| ----------- | ----------- |
| Ячейка 1    | Ячейка 2    |
Заголовок 1Заголовок 2
Ячейка 1Ячейка 2

Авторы

История изменений