Github Pages, Jekyll, Ruby, Gems, Liquid

Это 5-технологическое решение — все, что вам нужно, чтобы начать работу с базовым портфолио [персональным веб-сайтом], которым вы можете щеголять по всему миру

Предыстория ⏮

Меня как наставника в ADPList часто спрашивают о резюме и о том, как его составить. Это становится непростой задачей для начинающих профессионалов или выпускников университетов, особенно для тех, у кого в резюме нет именитых брендов.

Бренды™️, такие как первоклассные учебные заведения [IIT/IIM в , MIT/Harvard/Georgia Tech в , Oxford/Cambridge в , NIT Singapore , TU Delft на голландском , список можно продолжить] или всемирно известные многонациональные конгломераты [ FAANG/FAMGA а-ля Big Tech, MBB а-ля Big Three и т. д.].

В то время как упоминание имени определенно помогает вам обойти конкурентов в начальном раунде [экран резюме], отсутствие крупного бренда в вашем резюме также не означает гибели и мрака. Есть бесчисленное множество примеров того, как сотрудники крупных компаний ломали метафорический «стеклянный потолок», демонстрируя постоянный талант и опыт в области технологий.

Одним из таких способов демонстрации своих технических навыков является создание личного веб-сайта . Это двойной удар — потому что, создав собственный веб-сайт, вы можете показать миру , насколько вы хороши в веб-разработке, помимо того, что собираете все свои достижения в одном месте.

Адвокат дьявола оспорил бы этот последний пункт, заявив, что LinkedIn отлично справляется со сбором всех профессиональных достижений в одном месте «уже». Однако у меня есть два простых удара , чтобы противостоять этому аргументу.

1. Я не могу выделиться из толпы своим профилем в LinkedIn, так как он будет иметь похожий внешний вид, внешний вид и ощущения
2. Что произойдет, когда мир перейдет от LinkedIn к следующему большому проекту?

Все сказано и сделано, с 2016 года я был убежден, что наличие личного веб-сайта дает дополнительные преимущества. Мне потребовался год, чтобы, наконец, набраться смелости и собрать достаточно мотивации, чтобы двигаться дальше и строить его. Поверьте мне, это менее 2-3 дней работы, чтобы запустить и запустить базовый веб-сайт. Конечно, вам придется потратить намного больше времени, чтобы добавить навороты а именно. Интеграция с аналитикой Google, динамический контент, интеграция с публикациями в блогах и т. д. Но мы можем оставить это на другой день . Без дальнейших церемоний, давайте погрузимся в стек.

Страницы на гитхабе

Github Pages — это бесплатный, быстрый и простой способ реализовать свои мечты о личном веб-сайте. Я узнал об этом от одного из своих коллег еще в 2017 году. Я перешел на Github Pages + Jekyll + Liquid и с тех пор придерживаюсь его.

Рубин

Ruby — это динамический язык с открытым исходным кодом. Ruby — это основа [уровень 0], на которой сидят Джекилл и Бандлер.
Гитхаб:https://github.com/ruby/ruby
Сайт: www.ruby-lang.org/

Джекилл

Jekyll — это генератор статических сайтов с поддержкой блогов на Ruby.
Гитхаб:https://github.com/jekyll/jekyll
Веб-сайт:https://jekyllrb.com/

Бандлер

Bundler обеспечивает согласованную среду для проектов Ruby, отслеживая и устанавливая именно те гемы и версии, которые необходимы.
Гитхаб:https://github.com/rubygems/bundler[только для чтения с 9 ноября 2022 г.]
Веб-сайт:https://bundler.io/

$ gem update --system
RubyGems 3.3.26

$ bundle exec jekyll --version
jekyll 3.9.2

Liquid — это язык шаблонов/разметки. Его также иногда называют шаблонизатором. Хотя язык [я предпочитаю это] поддерживает логику, операторы и циклы, основные конструкции для создания чего-либо значимого, я считаю, что это очень ограниченный язык для конкретных целей. Есть только определенные вещи, которые вы можете делать с Liquid. Но он в значительной степени служит цели, для которой он был создан. Он создан Spotify , и зайдите в их блог, чтобы узнать больше .

Гитхаб:https://github.com/Shopify/liquid
Веб-сайт:https://shopify.github.io/liquid/

5-минутная настройка

Это довольно быстрый, простой и безболезненный процесс . В качестве бонуса есть множество статей/блогов из официальных источников [Gihub, Ruby и Liquid], которые разблокируют вас в случае возникновения проблем.

Местное развитие

Окружающая среда
Поскольку этот веб-сайт основан на Jekyll, на вашем компьютере должны быть установлены Ruby, Bundler и Jekyll.

brew upgrade
brew install rbenv ruby-build
gem update --system
gem install jekyll bundler

jekyll new my-awesome-site
cd my-awesome-site

• Чайбапчья.github.io/Gemfile
• Чайбапчья.github.io/Gemfile.lock

bundle exec jekyll b
bundle exec jekyll s

Совет по разделению
Если вы хотите добавить новый рубиновый драгоценный камень, просто выполните команду bundle add <gem>. Например

bundle add webrick

Перейти кhttps://pages.github.com/и начните с вашего репозитория Github.

Плавник

Самое приятное во всем этом — это БЕСПЛАТНО!

Это стоит вам «Zilch». Нуль.

Спасибо GitHub за по-настоящему демократичную разработку программного обеспечения и программирование.