Cоздание сайта на GitHub

Для запуска сайта необязательно покупать хостинг, можно воспользоваться бесплатным сервисом GitHub Pages.

Шаг 1. Создание нового репозитория

Для создания репозитория заходим на сайт GitHub и в блоке Your repositories нажимаем кнопочку New repository.

Здесь необходимо заполнить параметры нового репозитория. Важно, чтобы название репозитория было в виде username.github.io, где username — ваш ник на GitHub.

Если вы зарегистрированы в качестве организации, ваш репозиторий должен иметь имя organization.github.io, где organization — название вашей компании на GitHub.

Обязательно ставим галочку на Initialize this repository with a README. А затем нажимаем кнопку Create repository.

Эдуард Шевелёв, shevelev.design

Шаг 2. Загрузка файлов

Репозиторий создан, теперь нужно загрузить файлы сайта. Воспользуемся интерфейсом GitHub. Нажимаем кнопку Upload files.

Эдуард Шевелёв, shevelev.design

Затем перетащим файлы в появившееся поле для загрузки. Добавим комментарий к нашему коммиту и нажмём кнопку Commit changes.

Эдуард Шевелёв, shevelev.design

Файлы успешно загружены.

Эдуард Шевелёв, shevelev.design

Шаг 3. Проверка работы сайта

Чтобы проверить работу сайта, достаточно перейти по адресу username.github.io, в моем случае это shevelevdesign.github.io.

Эдуард Шевелёв, shevelev.design

Шаг 4. Подключаем свой домен

Гитхаб позволяет использовать ваше доменное имя вместо стандартного username.github.io.

Для этого переходим во вкладку Settings в интерфейсе репозитория, и в разделе GitHub Pages в поле Custom domain введём название нашего домена и нажимаем кнопку Save.

Эдуард Шевелёв, shevelev.design

Далее необходимо изменить информацию о DNS-записях домена.

Нам нужно настроить A-запись домена, для этого переходим в панель управления DNS-записями вашего регистратора, и добавим следующие A-записи:

185.199.108.153

185.199.109.153

185.199.110.153

185.199.111.153

Эдуард Шевелёв, shevelev.design

Всё готово! В течение нескольких часов сайт начнет открываться с нового домена.

Все способы подключения собственного домена подробно описаны в памятке GitHub.

0
13 комментариев
Написать комментарий...
Dmitry Mikushin

GitHub Pages - лучше, чем вы думаете, комментаторы. Сравнение с Php и хостингами слишком прямолинейно, не забывайте, что php и github - технологии из разных эпох. Из-за этого многие преимущества оказались не раскрыты:

1) GitHub Pages имеет неограниченный хостинг, при условии что вы не храните большие файлы.
2) GitHub Pages не нужна база данных, т.к. базой данных является сам репозиторий. Например, вы можете хранить статьи как Markdown-файлы и верстать блог или новостной сайт при помощи Jekyll (liquid), как это сделано например у меня: https://mikush.in Да, поскольку репозиторий - открытый, вы не сможете хранить пароли - и слава богу, пользуйтесь OAuth.
3) Action Points - это дополнительные сервисы. Вышеупомянутый сайт работает без них абсолютно бесплатно
4) Трафик неограничен и труден для DDoS, т.к. ддосить и блокировать росговмаразму придётся айпишники самого GitHub
5) У GitHub есть API для всевозможных действий с репозиторием. При том что GitHub Pages - движок статических вебсайтов (static pages), с помощью API можно настроить взаимодействие с клиентами и различных ботов. Для комментариев/форума можно подключить Disqus.

Если есть вопросы, пишите в личку.

Ответить
Развернуть ветку
Дмитрий Загайнов

Картинка на шаге 3 не очень подходит ресурсу...

Ответить
Развернуть ветку
Сергей Токарев

На этом сайте (VC) обязательно следует помнить, что это не для коммерческих проектов. То есть разместить-то можно попытаться, но это как построить ларёк в зоне прибоя или в русле реки, что засыхает между дождями

GitHub Pages is not intended for or allowed to be used as a free web hosting service to run your online business, e-commerce site

https://help.github.com/en/github/working-with-github-pages/about-github-pages

Ответить
Развернуть ветку
Эдуард Шевелев
Автор

Данный сервис НЕ для тех, кто хочет "на халяву" закинуть свой интернет-магазин или какой-то коммерческий проект на вечный хостинг. Гитхаб - это инструмент, который попробовать должен каждый. 

С другой стороны, я не вижу трудностей для запуска, например, личного блога или портфолио. Все ограничивается фантазией. 

Да, это не классический PHP хостинг и придется поработать со "статикой", но вам дают свободное место на диске на бесперебойном сервере, в худшем случае поддомен GitHub и удобный редактор с GIT. 

А уж о публикации своих наработок, opencource проектов - нет слов...

Ответить
Развернуть ветку
Эдуард Яровой

Привет. Почему удалили о ceo Блогах на wordpress 2 ? Только сохранил ссылку хотел внедрить по новому. 

Ответить
Развернуть ветку
Ivan Web

Добрый день! Статья вышла неполной, выйдет она немного позже. 
Кардинально поменялся robots.txt: https://shevelev.design/robots.txt

Ответить
Развернуть ветку
Эдуард Яровой

Спасибо. У меня в кеше сохранилось. 

Ответить
Развернуть ветку
Ivan Web

Бесплатно и почти без регистрации. 

Ответить
Развернуть ветку
Виталий Журавлев

Что важно, без смс...

Ответить
Развернуть ветку
Антон Склянов

По тарифам не понятно немного. Что значит для собственного сайта 2,000 Actions minutes/month
Free for public repositories?
 И сайты только без баз данных? 

Ответить
Развернуть ветку
Эдуард Шевелев
Автор

В бесплатном доступе 2000 минут/мес работы с GIT и редактором репозитория + 500мб места на диске. К сожалению без БД и PhpMyAdmin, проект больше для opencource.

Не имеет смысла, но можно дампить структуру базы данных и совмещать со скриптом генерации БД.

Бесплатные и платные тарифы описаны здесь: https://help.github.com/en/github/setting-up-and-managing-billing-and-payments-on-github/about-billing-for-github-actions

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Hecatecoin

ссылка не проходит. Более верная https://alldomains.hosting/en/free-webspace.html

Но там получается вроде, только для тех кто там домен заказал.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Hecatecoin

Ну даже у нас вот есть компании где бесплатно гигабайт дают, и php последних версий + базы данных. Главное искать. 
Такое предложение было бы актуально в году 2002, когда все на narod.ru сидели с его 20 мегабайтами. И главное хватало же их. Сейчас только JS скрипты больше весят на главной странице ))

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
10 комментариев
Раскрывать всегда