Хоствайте статичния си уебсайт на свой собствен домейн чрез Github Pages

Хоствайте статичния си уебсайт на свой собствен домейн чрез Github Pages

Знаете ли, че Github ще позволи на всеки да хоства безплатно техните статични уеб страници? Най-хубавото е, че дори можете да използвате свой собствен потребителски домейн. Да го направим!

Стъпка 1: Създайте своя уебсайт

Ако вече имате уебсайт, можете да преминете към стъпка 2.

Ако не, тогава днес е добър ден за започване.

Предлагам да започнете блог. Блогът е чудесен начин да установите по-значимо присъствие онлайн. Можете да го използвате, за да изградите своя собствена онлайн марка.

Не знаете откъде да започнете? Покрих те. Джон Сомез от Simpleprogrammer.com има отличен курс по имейл, наречен: Как да създадем блог, който ще повиши кариерата ви. Това е чудесен курс, който ви превежда през процеса.

Така че решихте да започнете блог. Сега какво? Има много начини, по които можете да отидете, като Wordpress, Tumblr или дори Blogger.

Но това би победило целта на тази статия. Искаме да използваме Github Pages, за да хостваме статична страница безплатно. Затова препоръчвам да използвате статичен генератор на блогове.

Аз лично използвам Jekyll за моя блог. Но има много други там. Ето списък на някои от най-популярните: Статични генератори на блогове. Изберете такъв, прочетете инструкциите и настройте вашия блог!

Стъпка 2: Добавете вашия сайт към Git Version Control

Страхотно, че стигнахте до стъпка 2. Сега, когато вашият блог е готов, нека го поставим под контрол на версиите с помощта на Git. Тази статия предполага, че имате инсталиран Git, имате github акаунт и можете да го натиснете.

  • Тази стъпка е много важна: създайте прост .txt файл и го наречете „CNAME“. Отворете файла и въведете вашето потребителско име на домейн в него. Запази го.

ДОБРЕ! Извийте терминала и отидете до директорията, в която живее вашият сайт. Време е да инициализирате контрола на версиите, като въведете командата.

$ git init

Сега да добавите целия проект под git проследяване. Въведете:

$ git add .

Нека го ангажираме:

$ git commit -m “first commit”

Вашият сайт вече е под контрол на версиите. Сега забавлението започва.

Стъпка 3: Натиснете вашия сайт към Github

Най-накрая сме готови да преминем към GitHub и да видим, че нашият сайт автоматично работи безплатно онлайн на живо!

  1. Стартирайте github.com и влезте.
  2. На началната си страница щракнете върху големия зелен бутон, който казва „+ Ново хранилище“.
  3. За да бъде вашата страница автоматично хоствана, трябва да следвате конкретна конвенция за именуване. Наименувайте хранилището си [[вашето-потребителско име] .github.io “, оставете всичко останало както е и натиснете„ Създаване на хранилище “.

Сега следвайте инструкциите на GitHub, за да прехвърлите вашия блог към новото ви хранилище.

Това е! Новата ви страница трябва да е на //your-username.github.io.

Ако не го видите веднага, дайте му няколко минути, най-много десет.

Това е! За повечето хора това е всичко, което трябва да направите. Въпреки това за тези от вас, които биха искали да използват вашия собствен потребителски домейн, продължете към последната стъпка.

Стъпка 4: Присвойте вашия персонализиран домейн на новия си уебсайт за страници в GitHub

Това ще варира в зависимост от това къде сте регистрирали вашия домейн. Имам GoDaddy, така че тези инструкции са специфични за това. Но стъпките трябва да бъдат подобни на другите доставчици на домейни. Ето как го направих:

  1. Влязох в моя акаунт в GoDaddy и избрах „управление на домейни“. Избрах домейна, който исках да използвам, и щракнах върху „Управление на връзката“.
  2. На страницата „Подробности за домейна“ щракнах върху раздела „DNS ZONE FILE“.
  3. Редактирайте „A-Host“ и го насочете към 192.30.252.153
  4. Сега редактирайте www отварата на „CName (псевдоним)“ и я насочете към [вашето-потребителско име] .github.io.
  5. Не забравяйте да запазите всичко. След като запазите това, може да отнеме до един час, за да се актуализира напълно.
  6. Сега „[your-custom-domain] .com“ трябва да сочи към [your-username] .github.io. Но какво, ако вашият потребител вместо това напише „www. [Your-custom-domain] .com“? Нека го поправим, така че поддомейнът www да сочи и към [вашето-потребителско име] .github.io.
  7. Изберете вашия домейн и натиснете „Управление на връзките“, след което изберете раздела „Настройки“.
  8. Под Препращане -> Домейн щракнете върху „управление“.
  9. Кликнете върху „Актуализиране на препращане“.
  10. В „Препращане към:“ напишете www. [Your-custom-domain] .com
  11. Уверете се, че е избран 301 (Постоянен), след което запазете работата си.
  12. Това е. Оставете го около 1 час, за да се актуализира всичко.

Позволете ми да ви поздравя първи. Имате създаден и работещ уебсайт, под контрол на версиите, със собствено име на домейн - всичко хоствано безплатно!

Първоначално публикувано на www.tauruso.com. За да видите тази статия в целия й блясък и повече от Телец Омеджия, отидете ТУК!