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