← Все вопросы

Как бесплатно выложить статичный сайт на GitHub Pages? Нужна пошаговая инструкция

Задан 14 месяцев назад1.3к просмотров2 ответа
9

У меня есть папка с index.html, style.css и script.js. Хочу выложить это бесплатно через GitHub Pages, но не понимаю последовательность шагов. У меня уже есть аккаунт на GitHub. Что нажимать?

2 ответа

13
✓ Принятый ответ — помог автору

Пошагово (самый простой способ, без командной строки):

  1. Создай новый репозиторий на GitHub (кнопка New), назови, например, my-site, сделай его Public.
  2. На странице репозитория нажми Add file → Upload files и перетащи туда свои index.html, style.css, script.js. Внизу — Commit changes.
  3. Зайди в Settings репозитория → слева пункт Pages.
  4. В разделе Build and deployment выбери Source: Deploy from a branch, ветку main и папку / (root). Нажми Save.
  5. Подожди 1–2 минуты, обнови страницу — вверху появится ссылка вида https://username.github.io/my-site/. Это и есть твой сайт.

Важно: главный файл обязательно должен называться index.html и лежать в корне — иначе по адресу будет 404.

4

Если умеешь работать с git, то ещё быстрее: git init, git add ., git commit -m "first", привязываешь репозиторий через git remote add origin ..., git push. Дальше так же включаешь Pages в Settings. Но для первого раза загрузка файлов через кнопку Upload files проще — не запутаешься.

Ваш ответ

Войдите, чтобы ответить на вопрос.