Бесплатный хостинг Github

[Gidroponika]

<div class="bbWrapper"><span style="font-size: 22px"><b>GitHub как хостинг для сайтов</b></span><br /> Проекты бывают разного типа, это сложные системы с базами данных, сервисы, разнообразные API. Так же есть простенькие, которые предполагают всего лишь несколько статичных страничек, например сайты визитки или портфолио. Для таких проектов можно не покупать виртуальный хостинг или VPS, просто за ненадобностью, ведь их можно просто выложить на замечательный сервис <a href="https://pages.github.com/" target="_blank" class="link link--external" data-proxy-href="/proxy.php?link=https%3A%2F%2Fpages.github.com%2F&amp;hash=32e14d83ce1e016970699c07286fd35e" rel="nofollow noopener">GitHub Pages</a>. Об этом сейчас и пойдет речь.<br /> <br /> Итак, у вас есть несколько свёрстанных страничек и вы хотите захостить их на GitHub. В моём случае это будет одна промо страничка организации по уборке снега, но суть от этого не меняется. Для того чтобы выложить статический сайт на GitHub нужно сделать три простых шага:<br /> <br /> <span style="font-size: 22px"><b>Зарегистрироваться на GitHub</b></span><br /> Думаю этот шаг объяснять не нужно, тут всё довольно просто, переходите на сайт, регистрируетесь подтверждаете аккаунт и т.д. От себя могу добавить что лучше для каждого сайта создавать новый аккаунт, так как сервис требует создать репозиторий с названием <i>username</i>.github.io, где <i>username </i>это название вашего аккаунта на GitHub.<br /> <br /> <span style="font-size: 22px"><b>Создать новый репозиторий</b></span><br /> 1) Нужно добавить новый репозиторий в своем аккаунте GitHub. Для этого щёлкаем на плюсик в правом верхнем углу и выбираем new repository.<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-1-1742150047" data-lb-id="_xfUid-1-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-1-1742150047" data-src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Fplus.png&amp;hash=6c4e2d67da271542644e505e63e9305b" aria-label="Zoom"></div> <img src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Fplus.png&amp;hash=6c4e2d67da271542644e505e63e9305b" data-url="http://isizov.ru/wp-content/uploads/2015/03/plus.png" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> 2) Вводим название нового репозитория. Как уже говорилось выше, вида <i>username</i>.github.io, где <i>username </i>это название вашего аккаунта на GitHub. В моём случае это sizovilya.github.io. Далее нажимаем кнопку Create repository.<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-2-1742150047" data-lb-id="_xfUid-2-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-2-1742150047" data-src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Frepo-name.png&amp;hash=db3eb4aa870bb3d54a6e57b9fc733c44" aria-label="Zoom"></div> <img src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Frepo-name.png&amp;hash=db3eb4aa870bb3d54a6e57b9fc733c44" data-url="http://isizov.ru/wp-content/uploads/2015/03/repo-name.png" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> 3) Инициируем git в новой папке на своей машине. Конечно же сам git должен быть уже установлен. Для этого просто выполняем инструкции которые появились на экране:<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-3-1742150047" data-lb-id="_xfUid-3-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-3-1742150047" data-src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Finit.png&amp;hash=cd08df18f2ee9f77974ca4148e22b429" aria-label="Zoom"></div> <img src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Finit.png&amp;hash=cd08df18f2ee9f77974ca4148e22b429" data-url="http://isizov.ru/wp-content/uploads/2015/03/init.png" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> В двух словах всё таки распишу. Создаём новую папку в удобном месте, я сейчас пользуюсь ОС Windows, поэтому просто создам новую папку на диске C, назову её sneg. Если вы пользуетесь другой ОС, то я думаю что вы без труда сможете создать новую папку и объяснять это не нужно. Далее переходим в эту папку с помощью консоли или терминала, для этого вводим команду:<br /> <br /> cd c:/sneg<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-4-1742150047" data-lb-id="_xfUid-4-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-4-1742150047" data-src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Fterm.png&amp;hash=69f119cdd4cdcf91ebfceaa55b8ed184" aria-label="Zoom"></div> <img src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Fterm.png&amp;hash=69f119cdd4cdcf91ebfceaa55b8ed184" data-url="http://isizov.ru/wp-content/uploads/2015/03/term.png" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> Далее иницализируем git в папке, для этого вводим команду:<br /> <br /> git init<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-5-1742150047" data-lb-id="_xfUid-5-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-5-1742150047" data-src="/proxy.php?image=https%3A%2F%2Fteletype.in%2Ffiles%2F82%2F82cb94cb-2f33-452b-b294-5ee60f1b6990.jpeg&amp;hash=47bae6757d7b5ad88287222e4597ca0e" aria-label="Zoom"></div> <img src="/proxy.php?image=https%3A%2F%2Fteletype.in%2Ffiles%2F82%2F82cb94cb-2f33-452b-b294-5ee60f1b6990.jpeg&amp;hash=47bae6757d7b5ad88287222e4597ca0e" data-url="https://teletype.in/files/82/82cb94cb-2f33-452b-b294-5ee60f1b6990.jpeg" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> Теперь копируем файлы нашего сайта(html странички) в эту папку, после этого, когда файлы уже в папке, добавляем их под контроль версий командой:<br /> <br /> git add .<br /> <br /> Проверяем что файлы добавлены под контроль версий командой:<br /> <br /> git status<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-6-1742150047" data-lb-id="_xfUid-6-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-6-1742150047" data-src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Ffiles.png&amp;hash=fb65d8980040c298d0738d3fcad6be0a" aria-label="Zoom"></div> <img src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Ffiles.png&amp;hash=fb65d8980040c298d0738d3fcad6be0a" data-url="http://isizov.ru/wp-content/uploads/2015/03/files.png" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> Далее коммитим наш сайт в созданный на GitHub репозиторий, используя следующие команды(естественно нужно заменить ссылку на мой репозиторий ссылкой на ваш):<br /> <br /> git commit -m &quot;first commit&quot;<br /> <br /> git remote add origin <a href="https://github.com/sizovilya/sizovilya.github.io.git" target="_blank" class="link link--external" data-proxy-href="/proxy.php?link=https%3A%2F%2Fgithub.com%2Fsizovilya%2Fsizovilya.github.io.git&amp;hash=a29aeac31b6b14b6f2062987bed94323" rel="nofollow noopener">https://github.com/sizovilya/sizovilya.github.io.git</a><br /> <br /> git push -u origin master<br /> <br /> После последней команды вас попросят ввести в терминал логин и пароль, нужно ввести данные для входа на GitHub. Итак, ваш статический сайт-визитка уже на GitHub! Можете проверить, перейдя в свой репозиторий, в моём случае это <a href="https://github.com/sizovilya/sizovilya.github.io%C2%A0" target="_blank" class="link link--external" data-proxy-href="/proxy.php?link=https%3A%2F%2Fgithub.com%2Fsizovilya%2Fsizovilya.github.io%25C2%25A0&amp;hash=83cf05c0d40e73a334b24df9b4d27956" rel="nofollow noopener">https://github.com/sizovilya/sizovilya.github.io </a>.<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-7-1742150047" data-lb-id="_xfUid-7-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-7-1742150047" data-src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Frepo.png&amp;hash=254985135506a46254643a105383e0b7" aria-label="Zoom"></div> <img src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Frepo.png&amp;hash=254985135506a46254643a105383e0b7" data-url="http://isizov.ru/wp-content/uploads/2015/03/repo.png" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> <span style="font-size: 22px"><b> Испытать чудо и почувствовать магию</b></span><br /> Сайт стал доступен по ссылке username.github.io ! Просто перейдите по ней, в моём случае это <a href="http://sizovilya.github.io/" target="_blank" class="link link--external" data-proxy-href="/proxy.php?link=http%3A%2F%2Fsizovilya.github.io%2F&amp;hash=badef2063f7c5bf558b7eb91b5d51638" rel="nofollow noopener">http://sizovilya.github.io/</a> . Магия! Если не верите, скрин в подтверждение:<br /> <br /> <div class="lbContainer lbContainer--inline " title="" data-xf-init="lightbox" data-lb-single-image="1" data-lb-container-zoom="1" data-lb-trigger=".js-lbImage-_xfUid-8-1742150047" data-lb-id="_xfUid-8-1742150047"> <div class="lbContainer-zoomer js-lbImage-_xfUid-8-1742150047" data-src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Fsite.png&amp;hash=1b6a509256c597b93b7f3b2a1035941f" aria-label="Zoom"></div> <img src="/proxy.php?image=http%3A%2F%2Fisizov.ru%2Fwp-content%2Fuploads%2F2015%2F03%2Fsite.png&amp;hash=1b6a509256c597b93b7f3b2a1035941f" data-url="http://isizov.ru/wp-content/uploads/2015/03/site.png" class="bbImage" height="" width="" data-zoom-target="1" style="" /> </div> <br /> <br /> <br /> Вот собственно и всё! Теперь вы знаете как использовать преимущества бесплатного хостинга GitHub Pages.</div>