methed-inspired/github-pages-deploy.txt at main · htmlcssjspro/methed-inspired · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Я знаю по крайней мере 3 варианта деплоя сайта текущего проекта на Github-Pages

1. Самый простой
1.1 Удалить dist из .gitignore
1.2 Собрать проект командой
    `npm run build-prod`
    или
    `npx webpack --node-env=production`
1.3 Закоммитить и запушить проект на GitHub
1.4 В настройках репозитория на GitHub `Settings -> Pages` выбрать
    `Source: Deploy from a branch`
    и выбрать ветку.
1.5 Готово. Сайт будет доступен по адресу
    `https://<user>.github.io/methed-inspired/dist`
Изменения на сайте будут применяться после каждого пуша при условии, если непосредственно перед пушем была произведена сборка проекта.

2. С двумя репозиториями
2.1 Создать новый репозиторий на GitHub.
2.2 Запушить в него содержимое папки dist после сборки.
2.3 Настроить Pages аналогично первому способу.
2.4 Готово.

3. Github Actions
3.1 В настройках репозитория на GitHub `Settings -> Pages` выбрать
    `Source: GitHub Actions`
3.2 На вкладке `Actions` выбрать `New workflow` и написать конфиг/инструкцию в виде YAML-файла
или выбрать шаблон из предложенных вариантов
3.3 Готово. Теперь после каждого пуша GitHub будет сам запускать сборку проекта и деплоить ее на сайт. Профит!