Как выложить верстку на github pages. Подробно и с картинками

По шагам

  1. Зарегестрируйтесь на сайте github.com
  2. Создайте новй репозиторий. В правом верхнем углу (значок плюсик). Там выберите New repository.
  3. Далее у вас появится примерно такая страница repo там заполняйте поля имени и описания репозитория. Обязательно поставьте галочку “Initialize this repository with a README”. После нажмите создать кнопку “Create” и вас будет создан репозиторий и автоматически откроется его страница. Она будет выглядеть примерно так repo
  4. Затем нажмите кнопку “upload files”.
    repo
    У вас откроется интерфейс загрузки файлов. Загрузите все ваши файлы (картинки, стили, хтмл), которые необходимы, чтобы показать вашу верстку. repo
    Обратите внимание на картинки, и обязательно загружайте создавай новую ветку(branch) с названием gh-pages. Подветвердите загрузку.
  5. У вас откроется окно пулл реквеста (запроса изменений в репозитории). Нажмите create pull request repo
  6. После этого откроется страница с предложением влить изменения в мастер ветку вашего репозитория. Можете согласиться. repo
  7. проверьте если у вас там файл index.html Именно так должен называться файл, чтобы можно было посмотреть его онлайн. Например, у меня сейчас файл называется demo-5.html. В таком случае я нажимаю на этот файл, меня перекидает на его просмотр, там в правом углу нажимаю на карандашик repo
    и перехожу в режим редактирования. Переименовываю файл в index.html и подтвеждаю изменения repo
  8. Теперь можно зайти в настройки (settings) репозитория и посмотреть адрес вашей страницы, чтобы увидеть вашу верстку онлайн repo
    Обычно она сначала показывает 404 ошибку, но в течении минут 5, она должна начать работать.

Комментарии