Создание персонального сайта с помощью GitHub Pages

Фотография на обложке от Романа Синкевича на Unsplash

Зачем использовать GitHub Pages

GitHub Pages — это простой в использовании инструмент, встроенный прямо в GitHub. Этот инструмент полностью бесплатен и может использоваться для создания индивидуальных, организационных или проектных веб-сайтов. Единственное условие, необходимое для создания сайта GitHub Pages, — это наличие учетной записи GitHub. Как только у вас появится учетная запись GitHub, вы сможете запустить сайт в Интернете в течение нескольких минут.

Начало работы

1. Создайте новый репозиторий GitHub. Назовите новый репозиторий в форме[user].github.io, где[user] — ваше имя пользователя GitHub. Убедитесь, что видимость репозитория установлена на Public.
2. Перейдите в только что созданный репозиторий.
3. В новом репозитории создайте либоindex.html, либоindex.md файл. Индексный файл будет домашней страницей сайта. Для наибольшего контроля над сайтом используйте HTML. HTML можно комбинировать с CSS и JavaScript для создания полностью отзывчивых, привлекательных веб-сайтов. MD или Markdown — это базовый язык редактирования текста, который может быть объединен с Jekyll для создания стиля. Он несколько дружелюбнее и быстрее в создании, чем HTML, но предлагает меньше возможностей для настройки.
4. После создания индексного файла откройте вкладку Настройки в верхней панели. Затем в разделе Настройки откройте вкладку Страницы в левой боковой панели.
5. Выберите ветку, которая будет исходной. Исходная ветвь должна находиться там, где вы создали индексный файл.
6. После выбора исходной ветки GitHub автоматически начнет создание вашего сайта, и через несколько минут GitHub уведомит вас о том, что ваш сайт опубликован по адресу URL [user].github.io.
7. Индексный файл всегда будет домашней страницей, но на сайт можно добавить больше страниц, создавая дополнительные файлы в ветке исходников. Каждый файл будет доступен по URL, содержащему его имя. Если вы создали новый файл с именем second-page.html, эта страница будет доступна по URL [user].github.io/second-page.html.
8. Дополнительные шаги по настройке нового сайта можно найти в документации.

Пользовательские домены

Доменное имя используется для идентификации и доступа к веб-сайту. Например, google.com или seancoughlin.me — это доменные имена. По умолчанию созданный сайт будет размещен на домене [user].github.io.

Однако GitHub Pages поставляется с поддержкой пользовательских доменных имен.

Пользовательское доменное имя полезно для брендинга и ранжирования в поисковых системах. Доменные имена можно приобрести через регистраторов доменных имен, таких как GoDaddy или NameCheap.

Заключение

GitHub Pages — это отличный вариант для быстрого создания и размещения личного сайта. Он прост в использовании, и вы можете создать сайт всего за несколько минут.

Плюсы

• Pages поставляется с отличной документацией.
• Весь процесс создания автоматизирован и выполняется быстро, поэтому изменения на сайте можно увидеть уже через несколько минут.
• Сайт может быть полностью создан и настроен с помощью HTML, CSS и JavaScript или создан из тем Jekyll.
• GitHub Pages поддерживает HTTPS для защиты вашего сайта и пользователей от вредоносного вмешательства.
• Абсолютно бесплатно!

Конс

• Использование GitHub Pages для ведения онлайн-бизнеса или электронной коммерции запрещено условиями предоставления услуг.
• GitHub ограничивает использование инструмента. Размер опубликованных сайтов ограничен 1 ГБ, а пропускная способность ограничена 100 ГБ в месяц.
• GitHub Pages может создавать только статические веб-страницы.