Приветствую вас, коллеги-разработчики!

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

Шаг 1. Создание учетной записи Github

Этот шаг является заданным, вам нужно создать свою учетную запись github. Если у вас уже есть учетная запись, пропустите этот шаг и перейдите к шагу 2. Чтобы создать учетную запись, перейдите на https://github.com/, а затем зарегистрируйтесь и войдите в систему, используя свою учетную запись.

Шаг 2: Создание нового репозитория

Нажмите значок «+» вверху, а затем нажмите новый репозиторий.

Шаг 3: присвоение имени репозиторию

Дайте вашему репозиторию подходящее имя и убедитесь, что в описании для него установлено значение Общедоступный. И, наконец, нажмите кнопку «Создать репозиторий» внизу экрана.

Шаг 4: Отправка файлов в репозиторий

Этот шаг просто включает в себя отправку кода вашего веб-сайта в репозиторий. Я предлагаю использовать для этой цели git bash. Просто откройте git bash в каталоге вашего кода, а затем сначала выполните следующие команды:

git init
git add .
git commit -m "Initial upload"

Теперь введите ссылку на свой репозиторий и выполните следующую команду:

git remote add origin https://github.com/faiza993/bg-color-changer.git

Здесь термин https://github.com/faiza993/bg-color-changer.git »относится к нашей ссылке на репозиторий github.

Теперь выполните это:

git push -u origin main

Теперь, наконец, вы загрузили ваши коды в удаленный репозиторий.

Шаг 5: Включение страниц Github:

i) Во-первых, перейдите в настройки вашего репозитория следующим образом

ii) Во-вторых, прокрутите вниз до раздела «страницы github».

iii) В-третьих, замените «None» на «main / master».

iv) Нажмите "Сохранить".

Шаг 6 Момент истины: открытие вашей страницы

Наконец, когда вы нажмете «Сохранить» на предыдущем шаге, в разделе страниц github вы увидите что-то вроде этого:

Откройте новый сгенерированный URL-адрес и посмотрите на свой размещенный сайт на github!

Это отлично работает для статических веб-сайтов, созданных с помощью html, css, js, а также их можно использовать для размещения веб-сайтов, построенных на таких фреймворках и библиотеках, как React, Angular. Шаги немного отличаются, и для этого можно использовать gh-pages .