Использование страниц GitHub для создания сайта пользователя

Сайты GitHub Pages (4 части серии)

Недавно я сделал репозиторий GitHub Pages для моего портфолио, Cafiendkittor.github.io/myyportfolio. Проблема с этим, в том, что я хотел, чтобы мой портфолио было в Caffiendkittor.github.io, а не NDED/MyPortfolio, поскольку это единственный проект, который я планирую по хостингу здесь. Это означает, что мне нужно удалить репозиторий «MyPortfolio» и настроить репозиторий Caffiendkittor.github.io, я устанавливаю пусть для проведения репозитория портфеля.

Потому что репозиторий был пуст, мне пришлось:

Create-raction-app caffiendkitted.github.io Папка для нового репозитория на моем компьютере и беги NPM установить построить это.
Я, честно говоря, не помню, если мне нужно Git init , но я знаю, что мне нужно Git Remote Add Procent https://github.com/caffiendkitten/caffiendkittor.github.io.git Связать мою локальную папку с моим онлайн-репозиторием.
Отсюда я смог установить GH-страницы через NPM Установите GH-страницы --save-dev и реагировать маршрутизатор через NPM установить React-Router-DOM Отказ
Не забудьте часто продвигать изменения, чтобы создавать много коммитов через Git Push -U Origin Master . У меня были проблемы, которые мне нужно было отступать немного, поэтому было удобно, что многие коммиты были удобны.
Прежде чем мы отправимся с укладкой всего, что мы хотим изменить файл package.json для gh-pages, добавив в «Главная страница»: «http://caffiendkitten.github.io/my-portfolio" , выше «имя» в верхней части файла А в сценарии часть файла добавить «Предия»: «NPM Run Build», «Развертывание»: «GH-Pages -D Build» Разрешить NPM запустить страницы GH.
Нажмите снова, прежде чем запустить любой из команд развертывания. Поверьте мне.

Вот где вы хотите перейти на новую ветку и настроить свой сайт. Я сделал «развернуть» филиал и для меня, именно здесь я в основном скопировал и вставил файлы из моего хранилища MyPortfolio для моего хранилища Caffiendkitting.github.io.git. Не забудьте убедиться, что все это выглядит так, будто вы хотите на свой локальный хост через NPM начать И подтолкни эту версию, но не покидайте эту ветку.

Теперь, когда ваш сайт вашего пользователя выглядит так, будто вы хотите, чтобы это то, где он становится сложно, так что наставьте его снова к «развернутому» ветви, над которой вы работаете.

Итак, вот вещь Если вы просто побежали NPM запустить развертывание Из главной ветки, который синхронизируется с развертывающей веткой, на данный момент, что произойдет Это то, что эта команда построит ваш сайт и создает новый коммит, который просто имеет «статически построенный» версию веб-сайта на главной ветке. Это означает, что когда «Развертывание»: «GH-Pages-B-Master -D Build» Запускается, все содержимое папки сборки будет перемещено в основную ветку вашего репозитория, и исходный код исходного кода похоронен в этом фиксации, и если мы хотим сделать обновления, ну … мы не можем. Вот почему мы используем филиал «Развертывание» в качестве нашей «главной» ветви в ваших умах. Не изменяйте настройку главной ветви в Github. Это будет работать только в том случае, если вы отработаете от филиала «Развернуть» и оставьте «главную» ветку в одиночку.

Чтобы запустить свой сайт

Перейдите к ветви «Развернуть»
Убедитесь, что он подталкивается до Github
- Git Add.
- Гит Commit -M "Сообщение о коммитах"
- Git Push-Cett-Upstream Происхождение Происхождение Развертывание --Force Для меня мне нужно было добавить набор на основе оригинальной развертывания, чтобы начать работу, и я полагаю, что вы тоже.
Беги NPM Run Deploy --Force из развертывания ветви. Это гарантирует, что он запускает развертывание «ROP NPM» и заставляет обновление главной ветви. Это поместит эту уродливую «статически строю» версию, которую вы не можете редактировать на ветке MASTER и оставьте ветку «Развертывание», не поврежденную правым кодом для последующих обновлений.

Это потребовалось около 2 дней, чтобы выяснить, как кажется, только как 3 человека сделали без использования темы, который обеспечивает GitHub. Теперь в любое время, когда мне нужно обновить, я работаю только на моем ветке «развертываю» и должен «- IFFORCE» нажатием и командами «развертывание NPM».

Примечание:: Я проверил это на компьютере Mac и Windows. И иногда есть некоторые проблемы, и вам может потребоваться запустить RM -RF. node_modules/gh-pages/.cache перед толканием и развертыванием.

Удачи.

Я обновил свою навигацию позже в тот день, когда опубликовал это и обнаружил 2 вещи.

Что мне нужно только бежать Git Push-Cett-Upstream Происхождение Происхождение Развертывание --Force и NPM Run Deploy --Force Один раз и теперь, когда я повторно развернул мое приложение, мне нужно только нажать и развернуть. воровать
Я также добавил на нестандартную страницу 404 через шаги в ссылке 1 до этого обновления, и теперь моя страница 404 больше не работает. Я думаю, что мои изменения изменили что-то в моей версии по сборке, но мне придется исследовать больше, как это компенсировать.

Happy Hacking.

использованная литература

Обратите внимание, что я все еще учусь. Если что-то, что я заявил, неверно, пожалуйста, дайте мне знать. Я хотел бы узнать больше о том, что я могу не понять полностью.

Сайты GitHub Pages (4 части серии)

Оригинал: «https://dev.to/caffiendkitten/using-github-pages-to-create-a-user-site-2f5c»