Как развернуть Ваше приложение Vite на страницах Github

YOUTUBE · 20.11.2025 03:37

Ключевые темы и таймкоды

Введение в GitHub Pages

0:05
  • GitHub Pages - бесплатный сервис для загрузки статических файлов HTML, CSS и JavaScript из репозитория GitHub.
  • Позволяет загружать файлы до отправки в репозиторий.

Создание ветки gh-pages

0:25
  • Создайте отдельную ветку gh-pages в репозитории.
  • Конечная цель - поместить папку сборки в эту ветку.
  • Ветка должна быть поддеревом основной ветки.

Настройка проекта

1:06
  • Страницы GitHub обслуживают статические файлы из ветки gh-pages.
  • URL развернутого сайта будет в формате username.github.io/repository.
  • Настройте базовый URL в файле vite.config.js.

Развертывание проекта

1:50
  • Создайте проект с помощью npm run build.
  • Добавьте папку на диске в поддерево gh-pages с помощью git add-f.
  • Зафиксируйте изменения и отправьте их с помощью git commit и git subtree push.

Проверка и завершение

2:24
  • Убедитесь, что папка на диске добавлена в поддерево gh-pages.
  • GitHub Pages должны обновиться с последними изменениями в репозитории.
  • Перейдите на вкладку "Страницы" в настройках репозитория для проверки.

Заключение

2:54
  • GitHub Pages создают сайт из ветки gh-pages и обслуживают корневой каталог.
  • Проект размещен на GitHub и доступен онлайн.
  • Призыв к подписке и оставлению комментариев для улучшения контента.