Как разработчику, нам всегда необходимо размещать наши веб-сайты в Интернете. Существует несколько вариантов бесплатного развертывания веб-сайта. Одним из популярных вариантов является GitHub Pages, который позволяет легко размещать статические веб-сайты. Мы рассмотрим, как мы можем развернуть наш веб-сайт с помощью GitHub.
Мы можем развернуть наш статический веб-сайт на страницах GitHub, выполнив 5 шагов, указанных ниже:
Шаг 1. Создайте новый репозиторий на GitHub:
Перейдите на GitHub и войдите в свою учетную запись. На странице вашего профиля вы увидите экран, похожий на этот.
Нажмите кнопку «Создать» (зеленая), чтобы создать новый репозиторий. Дайте вашему репозиторию правильное имя, так как имя будет в URL-адресе, который будет использоваться для доступа к вашему веб-сайту. GitHub спросит вас, хотите ли вы добавить файл README в репозиторий после его создания. Выберите «Инициализировать этот репозиторий с помощью файла README». и нажмите кнопку «Создать репозиторий».
Шаг 2. Клонируйте репозиторий на локальный компьютер:
Используя git, вы можете клонировать репозиторий на свой локальный компьютер. Откройте терминал и перейдите в папку, в которой должны храниться файлы сайта. Запустите команду — «git clone https://github.com/username/repo-name.git» (замените «username» на ваше имя пользователя GitHub и «repo-name» на имя вашего репозитория) . Это загрузит репозиторий на ваш локальный компьютер.
Шаг 3. Добавьте файлы веб-сайта:
Скопируйте все файлы вашего сайта (HTML, CSS, JavaScript и т. д.) в папку локального репозитория. Это неотслеживаемые файлы, которые необходимо зафиксировать.
Вы можете проверить статус файла с помощью команды — «git status».
Шаг 4. Зафиксируйте и отправьте изменения в репозиторий GitHub:
Откройте терминал и перейдите в папку локального репозитория.
Запустите команду — «git add .», чтобы подготовить все файлы.
Затем выполните команду — «git commit -m ‘Initial commit’», чтобы зафиксировать изменения.
Запустите команду — «git push origin main», чтобы отправить изменения в репозиторий GitHub.
Шаг 5. Чтобы создать и опубликовать веб-сайт, перейдите на GitHub Pages:
Перейдите на страницу своего репозитория на GitHub. Нажмите Настройки -> Страницы. В разделе сборки и развертывания выберите «Развернуть из ветки» и выберите соответствующую ветку, которую вы хотите развернуть на страницах GitHub. Нажмите «Сохранить». Готово.
Теперь ваш веб-сайт должен быть запущен и доступен по адресу — https://‹username›.github.io/‹repositoryname›/ (измените ‹username› на ваше фактическое имя пользователя GitHub и ‹repositoryname› на имя вашего фактического имени репо). Кроме того, вы также можете перейти на страницу репозитория на GitHub и щелкнуть страницы github в разделе «Среды», чтобы проверить развернутый веб-сайт.
Пожалуйста, дайте мне знать, если вам нужна дополнительная помощь. Я буду рад помочь вам!
