Сайт-визитка студента без затрат

В жизни многих студентов it-специальности возникает желание устроиться на работу или стажировку в хорошую it-компанию. А для этого неплохо бы показать все свои скиллы на специально созданном сайте-визитке. Но студент, на то он и студент, обычно "бедный" и не хочет тратить деньги на покупку домена и хостинг, однако хочется всё по-взрослому (а не на Ucoze).


В этой статье я хотел бы поделиться своим опытом и опытом моих друзей, которые столкнулись с такой необходимостью, а также рассказать подробно о побочных эффектах, настройках и технологиях. Здесь не будет технических новинок, наоборот это максимально подробная и понятная статья, в которой я расскажу о лайфхаках и постараюсь объяснить технические сложности.


Что будет в этой статье:


  • про бесплатный пак от github для студентов
  • как получить бесплатный домен на год
  • как получить бесплатный хостинг
  • как связать домен и хостинг (DNS)
  • где взять шаблон

Получение домена


Начнем с получения домена. Здесь есть два способа:


Первый: небесплатный, которым пользовался я сам


Можно зарегистрировать домен в доменном зоне .ru всего за 140 рублей. Ссылку на регистратора оставлять не буду, но он легко гуглится (или найдет вас сам в контекстной рекламе после пары соответствующих запросов). На сайте регистратора вы выбираете свободный домен, покупаете, и пользуетесь целый год (это достаточно легко, не буду останавливаться подробнее). Правда продление потом будет стоить 495 рублей в год, что тоже не так дорого, относительно других регистраторов Рунета.


Второй: бесплатный, которым пользовались мои друзья


Он сложнее, зато вы получаете бесплатно на год домен в зоне .me. Однако, продление потом будет стоить уже $18.99 (а это больше тысячи рублей) и поморочиться придётся подольше.


Если вы студент it-специальности, слово Github уже не должно вызывать вопросов (а иначе никакой сайт-визитка не поможет). Так вот, этот самый Github помогает в нашем деле дважды. Во первых, он даёт так называемый Student Developer Pack, в котором и будет наш бесплатный домен. А, во вторых, именно средствами Githubа можно бесплатно хостить сайт (но об этом позже).


Чтобы получить этот Pack надо перейти по ссылке и залогиниться со своим аккаунтом в Github, и заполнить анкету, которая подтверждает, что вы действительно студент.


image


После того, как вам откроют доступ к этому пакету, заходите сюда, находите в списке Namecheap, кликаете на "Get access by connecting your GitHub account on Namecheap" и привязываете свой Github аккаунт. После будет всё та же процедура выбора свободного домена, и после подтверждения им можно пользоваться.


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


Спасибо GitHub за то, что он есть. Отдельное спасибо за GitHub Pages, который предоставляет возможность разместить один сайт для аккаунта и подключить свой домен бесплатно. Для этого нужно создать репозиторий с названием username.github.io, где username — имя пользователя, например AndreySBer.github.io. Сайт будет доступен по этому же адресу.


Хостинг сайта основан на ветке master git-репозитория. Каждый коммит в master приводит к его обновлению. Поэтому разработку и тестирование лучше проводить в отдельной ветке и потом через pull-request сливать в master.


Как связать домен и хостинг (DNS)


Настройка своего домена начинается с его регистрации в настройках репозитория. Подробнее об этом можно почитать в документации. Основные шаги, которые надо предпринять:


1) Указать имя домена в настройках репозитория.


image


2) Добавить файл CNAME с именем домена.


image


3) В настройках домена у регистратора в пункте DNS добавить две A записи (подробнее здесь):


  • 192.30.252.153
  • 192.30.252.154

image


Связь обычно занимает небольшое время, но у некоторых регистраторов вступление в силу DNS записей занимает до суток. Также можно настроить переадресацию с субдомена www.yourdomain.ru. Как это сделать, написано здесь.


Где взять шаблон


В сети есть множество сайтов, предлагающих бесплатные шаблоны визиток. Лично мне нравятся этот и этот.


Эти шаблоны построены на основе Bootstrap, есть примеры готовых блоков для страниц, адаптированы для мобильных экранов (в большинстве).
Имея базовые знания HTML, css, Bootstrap и чувство прекрасного, можно сделать вполне приличную страницу (или несколько), закоммитить их в develop ветку репозитория, протестировать на разных экранах, и затем залить в master.


Если нужен новый лендинг — повторить.


image

Таким нехитрым способом я сделал свой личный сайт, а также несколько страниц для учебных проектов.

Share post

Comments 26

  • UFO just landed and posted this here
      +4
      Проверять я ее конечно-же не буду.
      +1
      Это конечно круто, но как-то мало и не совсем нужно, да и домен можно кстати сразу по первой цене заплатить на несколько лет и в ус не дуть.

      Конкретно по сайту — хорош, я сделал проще, но я и не разраб.
        0

        В качестве хостинга для статичных сайтов можно попробовать посмотреть Netlify

          –3
          Покупки домена разве достаточно, надо же еще купить «настройку DNS». Или сейчас это уже в довесок к домену идет?
            0
            Смотря где покупать. В нормальных компаниях никогда и небыло такой платной услуги…
              0
              на руцентре помнится лет 5 назад домен отдельно, редактор DNS отдельно покупались.
                +2
                reg.ru всегда давали бесплатный DNS. Если что, можно делегировать домен на Яндекс.ПДД, который можно использовать как DNS-сервер
                  0
                  У обоих рассматриваемых регистраторов DNS бесплатный.
                  В статье не стал усложнять, а так домен делегирован сначала на Яндекс.ПДД (с возможностью подключения почтовых ящиков) и уже затем к GitHub.
              0
              купить настройку? Не встречал такого. Наверное уже должно быть всё вместе… Панель управления тебе дают и всё…
                0
                Порекомендую для этого использовать Яндекс.Почту для доменов. NS-сервера настраиваются на DNS яндекса, а там — бесплатный DNS + бесплатная почта.
                0
                Есть еще так называемые аккредитованные регистраторы, там покупка и продление за 99 рублей всего на год.
                Есть еще dot. tk, там вообще полностью бесплатный домен можно зарегать.
                PHP MySQL хостинги бесплатные и некоторые даже без рекламы тоже в интернете имеются.
                Так что вот.
                • UFO just landed and posted this here
                    0
                    Покупал свой домен год назад за 49. Потом они подняли цену до 140.
                    Подскажите, где можно стабильно за 99 брать?
                      0

                      в рег.ру есть несколько линеек тарифов. Зависит от количества денег на балансе. Но на данный момент минимальная цена 149 рублей

                        0
                        так там главный регистратор цену поднял на ру домены, они теперь везде дороже
                    –1
                    Есть еще один вариант, но для домена 2 уровня если не ошибаюсь. Можно получить MS Imagine подписку от ВУЗа, где предоставляется сервис для размещения веб-сайта бесплатно. Синхронизируется с Github, bitbucket и прочими.
                    Пример
                      0
                      Пробовал многие такие сервисы, могу назвать не менее пяти штук.
                      Но в резюме такой домен смотрится не солидно
                      0
                      Оффтоп
                      По-моему, перемешивание русского и английского на сайте немного сбивает с толку. Все же сайт либо ориентирован к англоговорящему сегменту, либо к русскоговорящему. Это все я говорю про раздел главной страницы «Хакатоны».
                        0

                        Спасибо за статью.
                        Можете указать хакатоны, в которых участвовали.
                        Спасибо!

                          0

                          Под каждый репозиторий можно создать отдельную страницу, просто git push в ветку gh-pages своего репозитория.
                          P.S. не думал что такого рода информация требует отдельного топика.


                          https://pages.github.com

                          • UFO just landed and posted this here
                              +1
                              Для украинцев:
                              есть бесплатный домен pp.ua
                                0
                                Да каждый бесплатный хостинг предоставляет домен, да он будет 2-4 уровня, в зависимости как считать этот уровень, но зачем его нужно покупать если его посмотрят человек 5?
                                Не могу себе представить такую область в которая достаточная конкуренция чтобы работодатель обратил внимание на домен. Если вы кассир в пятерочке то у вас одного только будет сайт, а если вы физик ядерщик то вас будет максимум 2 на место, и явно не будут на домен смотреть.
                                  0
                                  Зарегистрировал себе бесплатный ga домен на freenom.com
                                  Еще у них есть tk, ml, cf, gq
                                    0
                                    на gh-pages можно хранить сколь угодно много сайтов, каждый со своими доменами.
                                    ну и да, dns лучше хостить у яндекса, за одно и почту там можно держать

                                    Only users with full accounts can post comments. Log in, please.