Урок 6

После этого урока вы:

• Поймёте, зачем нужна автоматизация и что такое GitHub Actions.
• Настроите автоматический деплой сайта при каждом обновлении.
• Добавите проверку битых ссылок, чтобы сайт всегда был рабочим.
• Настроите уведомления в Telegram об успешной публикации.
• Научитесь использовать AI для написания workflow.

Представьте, что каждый раз, когда вы меняете сайт, вам нужно:

1. Вручную зайти в настройки GitHub Pages.
2. Нажать кнопку «Обновить».
3. Проверить, что всё работает.

Скучно и долго, правда?

GitHub Actions делает это автоматически: вы просто пушите изменения, а всё остальное происходит само.

GitHub Actions — это встроенный в GitHub «робот», который выполняет ваши инструкции при определённых событиях (например, при пуше в ветку main).

Workflow описывается в YAML-файле, который хранится в папке .github/workflows/.

Битые ссылки — это ссылки, которые ведут на несуществующие страницы или файлы.

Поисковики их не любят, а пользователи расстраиваются.

GitHub Actions может автоматически проверять их и сообщать вам о проблемах.

Так зачем тогда GitHub Actions? Он даёт больше возможностей:

• Проверять битые ссылки перед публикацией.
• Отправлять уведомления в Telegram.
• Выполнять дополнительные проверки (размер файлов, валидация HTML).

Мы НЕ отключаем стандартный GitHub Pages, а ДОБАВЛЯЕМ к нему проверки через Actions.

2.1. В корне проекта создайте папку .github/workflows. Внутри — файл deploy.yml.

2.2. Откройте DeepSeek и попросите:

2.3. Ваш workflow должен содержать три шага:

1. Скачать код из репозитория (actions/checkout).
2. Опубликовать сайт на GitHub Pages (peaceiris/actions-gh-pages).
3. Проверить битые ссылки и отправить уведомление.

2.4. Закоммитьте и запушьте файл. Зайдите на вкладку Actions — workflow запустился.

3.1. Создайте Telegram-бота:

1. Найдите в Telegram @BotFather.
2. Напишите /newbot и следуйте инструкциям.
3. Получите токен бота (например, 123456:ABC-DEF).
4. Напишите боту /start.
5. Узнайте ваш chat_id через бота @userinfobot.

3.2. Добавление секретов в GitHub:

1. Зайдите в настройки репозитория: Settings → Secrets and variables → Actions.
2. Нажмите New repository secret.
3. Добавьте TELEGRAM_TOKEN со значением токена.
4. Добавьте TELEGRAM_CHAT_ID со значением chat_id.

Чтобы токен и chat_id не были видны в коде, сохраните их как секреты:

5.1. Внесите изменения на сайте и запушьте.

5.2. После успешного деплоя вы получите сообщение в Telegram.

• Проверьте, правильно ли заполнены секреты.
• Убедитесь, что вы написали боту /start.
• Проверьте, что workflow выполнился успешно (зелёная галочка).

6.1. Намеренно добавьте битую ссылку на сайт:

6.2. Запушьте изменения.

6.3. Workflow упадёт с ошибкой (красный крестик).

6.4. Исправьте ссылку и запушьте снова — теперь всё зелено.

Если вы запутались или хотите добавить что-то ещё, спросите у AI:

• «Как добавить проверку всех страниц, а не только index.html?»
• «Как отправлять уведомление только при ошибке?»
• «Как добавить проверку размера файлов?»

Giga Code тоже может помочь:

1. Настройте workflow для автоматического деплоя с проверкой ссылок и уведомлениями (используйте готовый код от AI).
2. Создайте Telegram-бота и добавьте секреты в GitHub.
3. Намеренно сломайте одну ссылку на сайте и проверьте, что workflow падает.
4. Исправьте ссылку и проверьте, что всё работает.
5. Напишите в чат скриншот успешного workflow.

Что мы узнали?

• Зачем нужна автоматизация и что такое GitHub Actions.
• Как создать workflow, объединяющий деплой, проверку ссылок и уведомления.
• Как использовать AI для генерации workflow.
• Как тестировать проверку битых ссылок.

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

На следующем занятии мы научимся тестировать сайт и находить ошибки.