Як зробити власний сайт на Github з безкоштовним доменом

В цій ста­ті-ману­а­лі ми роз­бе­ре­мо­ся як зро­би­ти вла­сний сайт, заде­пло­ї­ти його на Github, та заре­ге­стру­ва­ти вла­сний домен *.pp.ua. Бону­сом є те що сайт не потре­бує коштів на утримання.

---

Нам зна­до­бля­ться: Github акка­унт та акка­унт на сай­ті NIC​.UA. Про­по­ную заре­є­стру­ва­ти оби­два до поча­тку роботи.

Під­го­тов­ка Github репозиторія

На Github ство­рю­є­мо новий репо­зи­то­рій, нати­снув­ши кно­пку New:

Впи­шіть назву, напри­клад mysite, пере­вір­те що сайт має ста­тус Public та нати­сніть кно­пку Create repository:

Ви опи­ни­тесь на сто­рін­ці репо­зі­то­рія. Зро­бить сайт досту­пним, від­крий­те нала­шту­ва­н­ня репозиторія:

Обе­ріть Дже­ре­ло (Source) – Deploy from a branch та Гіл­ку (Branch), збережіть.

Ство­рю­є­мо сто­рін­ку для тестування

Ство­ри­мо index.html для того щоб пере­ві­ри­ти що сайт працює.

Повер­не­мо­ся на вклад­ку Code, та ство­ре­мо файл, нажав Create a new file (Ство­ри­ти новий файл).

Впи­шіть назву фай­ла index.html, текст та нажміть Commit changes…:

Після цьо­го можно пере­йти на вклад­ку Actions і поба­чи­те як файл публі­ку­є­ться для від­обра­же­н­ня на сайті:

Пере­йдіть у вико­на­ну остан­ню зада­чу, та зна­йдіть біля шагу deploy поси­ла­н­ня на ваш сайт:

Як зарєе­стру­ва­ти вла­сний домен pp​.ua?

При­пу­сти­мо що у вас є акка­унт NIC​.UA. Увій­діть в акка­унт. Пере­йдіть на сто­рін­ку пошу­ку доме­нів, та вве­діть назву домена:

Додай­те домен в кошик і нажміть Офор­ми­ти замовлення:

Дода­є­мо новий кон­такт Пла­тни­ка та Реєстранта:

На тре­тьо­му шазі зро­біть опла­ту у 0 гривень.

Далі пере­йдіть до спи­ску вла­сних доме­нів та поба­чи­те що ваш домен потре­бує авктивації:

Пере­йдіть по лін­ку для акти­ва­ції і слі­дуй­те інстру­кці­ям по акти­ва­ці­її доме­на. Я обрав варі­ант теле­грам бота.

Через деякий час домен пере­йде в ста­тус акти­во­ва­ний. Після цьо­го тре­ба при­в’я­за­ти домен до NS сер­ве­ров Github:

Змі­ніть сер­ве­ри імен на сер­ве­ри імен NIC​.UA:

Пере­йдіть в шала­шту­ва­н­ня NS-серверов:

Замі­нить NS-сер­ве­ра на ті що наве­де­ні нижче:

NS-сер­ве­ра:

185.199.108.153
185.199.109.153
185.199.110.153

Повер­ні­ться до нала­шту­вань репо­зи­то­рія Github та про­пи­шіть назву домена:

Після цьо­го деякий час від­бу­де­ться при­єд­не­н­ня сер­те­фі­ка­тів та пере­вір­ка DNS (це займає до 15 хв):

Щоб уві­мкну­ти HTTPS, після завер­ше­н­ня про­це­су пере­вір­ки DNS, постав­те від­мі­тку у полі Enforce HTTPS:

Тепер може­те вве­сти назву доме­на в бра­у­зе­рі та поба­чи­те сто­рін­ку сайта:

Виснов­ки

Тепер ви зна­є­те як ство­ри­ти вла­сний сайт з сим­па­ти­чним доме­ном, вико­ри­сто­вуя гітхаб та NIC​.UA. Так, цей про­цес займає деякий час (при­бли­зно до 1 годи­ни), але таким чином у вас буде пра­кти­чно без­ко­штов­ний сайт, який не зале­жить від примх ком­па­ній таких як WiX.

Щоб сайт став більш схо­жим на сайт – можно вико­ри­ста­ти один з інстру­мен­тів, таких як Hugo або Jeklly. Ці дві про­гра­ми зда­тні пере­тво­ри­ти текс­то­ві фай­ли на HTML, який буде збе­рі­га­ти­ся на гітха­бі. При­кла­ди може­те поба­чи­ти на сто­рін­ці Hugo Showcase та Jeklly Showcase.