Использование github для развертывания вашего веб-сайта
Процесс развертывания следующий: (Попробуйте использовать VSCode)
Учтите, что ваши файлы находятся в папке «проект».
i) Создайте новую папку build внутри основной папки проекта.
ii) Переместите данные своего веб-сайта в папку «built». Внутри папки «build» будут присутствовать все данные вашего веб-сайта (изображения, index.html, .css, .js или любые файлы reactjs).
iii) Перейдите к основной папке «проект» через cmd и введите команду «npm init» в терминале VsCode, чтобы инициализировать файл pacakge.json внутри вашей основной папки «проект». (Убедитесь, что Node.js установлен перед использованием диспетчера пакетов узлов (npm))
iv) Перейдите к файлу package.json и используйте команду npm i gh-pages для установки gh-страниц, которые будут добавлены как зависимость в файл package.json.
v) Ссылка на ваш репозиторий github присутствует как значение ключа домашней страницы в файле package.json. домашняя страница: "https://github.com/username/project"
vi) Создать скрипт Замените "test": "echo \"Ошибка: не указан тест\" && exit 1"' на "deploy" : "gh-pages -d build"
vii) Отправьте все это на github (добавьте файл .gitignore, чтобы модули узлов не отправлялись на github)
git инициировать
git добавить .
git commit -m "развернуть"
git удаленный проект добавления "https://username.github.io/project"
git push -u мастер проекта
viii) Через cmd запустите свой проект сейчас, используя эту команду npm run deploy (должно отображаться «Опубликовано» после запуска проекта)
ix) Перейдите в репозиторий Github, который вы создали для своего проекта, и проверьте, должна ли быть добавлена новая ветка «gh-pages» с вашей основной веткой.
x) Теперь в настройках вашего репозитория выберите ветку gh-pages в качестве источника ваших страниц github.
И, наконец, ваш сайт готов к публикации по адресу https://username.github.io/project/. Подождите 5-10 минут и проверьте.
person
Aryan
schedule
19.06.2020
