Как да създадете и разгърнете портфолиото си за по-малко от 10 минути

Създаването и хостингът на портфолио е това, което всеки един съвременни програмисти трябва да направи. Направих го преди няколко дни и се сблъсках с няколко проблема. В началото не знаех нищо по въпроса. Направих някои изследвания и успях да намеря начин, който е супер бърз. Помислих си, така че защо да не направя този досаден процес лесен? В рамките на следващите 10 минути ще разгърнем статичен уебсайт (портфолио) с име на домейн по наш избор и ще го хостваме чрез github-страници. Ще направим всичко това безплатно! Това ръководство ще помогне на начинаещите програмисти да разработят и разгърнат лесно своето портфолио. Така че нека започнем !!

Първото нещо, от което се нуждаете, е акаунт в Github. Насочете се към Github и създайте такъв. Сега трябва да разработите уебсайта си за портфолио. Можете лесно да изтеглите шаблон от портфолио от интернет и да го промените според вашите изисквания. Можете да го получите лесно от тук. Отворете връзката и просто кликнете върху вилицата и проектът ще бъде достъпен във вашия Github акаунт. Просто ще трябва да направите незначителни промени във файла index.html като добавяне на вашето име, изображение и т.н., което лесно можете да направите, ако имате някои основни HTML знания. Имайте предвид, че ако не искате да изтеглите шаблон и искате да създадете портфолио самостоятелно, ще отнеме време. Създадох изцяло портфолиото си сам, използвайки MaterializeCSS. Освен това, в моя случай простото копиране на шаблон би довело до плагиатство, тъй като този проект е създаден по време на фронталния Nanodegree на Udacity. MaterializeCSS е невероятно и е една от най-използваните CSS рамки, когато става въпрос за отзивчив дизайн.

След като направите всичко това, ще имате готово портфолио, но то все още не е на живо. Направете следните стъпки, за да публикувате портфолиото си в интернет:

, Отворете вашето хранилище, което сте получили след като заредите проекта (ако сте написали кода сами, тогава създайте репо на Github) и кликнете върху настройките.

, Сега отворете Github Pages и изберете клона, където имате целия си код. Изберете главен, ако не сте създали нов клон и току-що сте разклонили хранилището от връзката по-горе.

, Сега просто посетете тази връзка: „yourusername´.github.io /„ yourprojectname “.

Voila! Вашият сайт е на живо.

Може би мислите, че авторът е говорил за потребителски домейн безплатно. Не се притеснявайте, не давам фалшиви обещания! Ето как да направите това!

Всички можем да се съгласим, че това име на домейн не изглежда добре, така че ще получим готино име на домейн. Freenom е чудесно място за получаване на имена на домейни, които завършват с .tk, домейн от най-високо ниво, който се предлага безплатно. Затова просто посетете връзката и получете име на домейн. Тъй като ние хостваме портфолио, затова се препоръчва да получите домейн, който съдържа вашето име в него. Както в моя случай, името ми не е толкова често и аз успях да получа домейн, който съдържа пълното ми име в него. Ако името ви е доста често срещано и не можете да получите име на домейн по ваш избор, тогава можете да прокълнете родителите си! Те са отговорни за това !!

Шегува се, просто вземете името на домейна, което е достъпно :)

Така че сега имаме име на домейн и просто трябва да свържем това име на домейн с нашето хранилище github. За целта изпълнете следните задачи:

, На първо място посетете вашето хранилище. Щракнете върху Настройки.

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

(Източник: https://surajmandalcell.blogspot.ca/2017/02/register-free-custom-domain-freenom.html)
  • Посетете вашия доставчик на домейни. В това ръководство сме избрали Freenom.com, които предоставят безплатни имена на домейни.
  • Сега намерете нещо като „DNS“, „DNS управление“, „DNS конфигурация“ и т.н. където има опция за добавяне на записи „A“ или „CNAME“.

Просто се уверете, че конфигурацията изглежда като една по-долу, като ги добавите.

Така че след като направим всичко това, можем да посетим нашия уебсайт за портфолио на името на домейна, което купихме. Аз сам закупих домейн и портфолиото ми е на живо тук

Ако искате да разгледате изходния код, можете да го видите тук

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

Източник: (https://giphy.com/gifs/netflix-xUA7bjk6PTlxAELvWM)

Можете да ме последвате тук на Medium или да се свържете с мен в LinkedIn и Twitter. Ако вие сте този, който споделя снимки, тогава се свържете с мен в Instagram.