Создайте собственный веб-сайт, используя GitHub Pages — бесплатный сервис, предоставляющий домен, хостинг и сертификат TLS. Это пошаговое руководство.
Начало работы: создание учетной записи
Для начала работы вам понадобится учетная запись GitHub. Перейдите на github.com и зарегистрируйтесь, указав имя пользователя, электронную почту и пароль. Выберите бесплатный аккаунт. Он позволяет создавать несколько репозиториев, но с некоторыми ограничениями. После регистрации войдите в свою учетную запись.
Создание репозитория
Перед созданием репозитория рекомендуется ознакомиться с инструкцией на pages.github.com. Для размещения сайта на GitHub Pages необходимо создать публичный репозиторий с именем в формате ваше_имя_пользователя.github.io. Замените ваше_имя_пользователя на ваше имя пользователя GitHub. Добавьте описание (например, «Моя GitHub страница»).
Настройка локальной среды
Для управления репозиторием клонируйте его на свой компьютер. Это позволит вносить изменения и отправлять их на удаленный репозиторий. Можно использовать командную строку или GitHub Desktop (доступен для macOS и Windows, загрузите его с desktop.github.com). После установки GitHub Desktop войдите в систему, используя свои учетные данные GitHub, и укажите имя и электронную почту в настройках Git.
Клонирование и создание index.html
Клонируйте репозиторий на локальный компьютер, используя GitHub Desktop. Выберите удобный путь для сохранения. Для редактирования файлов используйте текстовый редактор, например, бесплатный Visual Studio Code (загрузите его с помощью поискового запроса «vs code»). Откройте клонированный репозиторий в Visual Studio Code и создайте файл index.html. Вставьте базовый HTML-код (можно использовать шаблон, создаваемый при вводе «!» и нажатии Tab). Добавьте заголовок <h1> (например, «Мой личный сайт»). Сохраните файл.
Отправка изменений и публикация
В GitHub Desktop вы увидите изменения. Добавьте описание коммита (например, «Мой первый файл index.html») и выполните коммит. Затем опубликуйте ветку main (вместо устаревшего master), чтобы отправить изменения на удаленный репозиторий. После этого ваш сайт будет доступен по адресу ваше_имя_пользователя.github.io. Сайт использует HTTPS благодаря бесплатному TLS-сертификату.
Ограничения
GitHub Pages имеет ограничения:
- Субдомен: Ваш домен будет субдоменом github.io.
- Статические сайты: GitHub Pages подходит только для статических сайтов. Динамические сайты (React, Vue, Angular) требуют дополнительных настроек.
- Один основной URL: По основному URL (ваше_имя_пользователя.github.io) доступен только один сайт. Для других сайтов используйте формат ваше_имя_пользователя.github.io/имя_репозитория. Каждый такой репозиторий должен содержать файл index.html.
Внесение изменений
Внесите изменения в файл index.html (например, добавьте тег <h3> с вашим именем и ссылку на ваш сайт). Сохраните изменения, выполните коммит и опубликуйте ветку. Обновление сайта может занять до 15 секунд.
GitHub Pages — простой и бесплатный способ создать и разместить веб-сайт. Однако помните об ограничениях, особенно о субдомене и поддержке только статических сайтов.