Páginas de Github, Jekyll, Ruby, Gems, Liquid

Esta solución de 5 tecnologías es todo lo que necesitas para comenzar con un portafolio básico [sitio web personal] que puedes exhibir alrededor del mundo

Historia de fondo ⏮

Como mentor en ADPList , a menudo me preguntan sobre el currículum y cómo crear un currículum. Esto se convierte en una tarea abrumadora para los profesionales que inician su carrera o los graduados universitarios, especialmente aquellos que no tienen marcas de renombre en su currículum.

Brands™️ como instituciones educativas de primer nivel [IIT/IIM en , MIT/Harvard/Georgia Tech en , Oxford/Cambridge en , NIT Singapur , TU Delft en holandés , la lista continúa] o conglomerados multinacionales de fama mundial [ FAANG/FAMGA à la Big Tech, MBB à la Big Three, etc.].

Si bien dejar caer nombres definitivamente lo ayuda a superar a su competencia durante la ronda inicial [pantalla de currículum], no tener una gran marca en su currículum tampoco significa pesimismo. Hay innumerables ejemplos de empleados en grandes empresas que rompen el "techo de cristal" metafórico al demostrar talento y experiencia consistentes en el campo de la tecnología.

Una de esas formas de mostrar sus habilidades técnicas es mediante la creación de un sitio web personal . Es un doble golpe, porque al crear tu propio sitio web puedes mostrarle al mundo lo bueno que eres en el desarrollo web además de recopilar todos tus logros en un solo lugar.

Un abogado del diablo cuestionaría este último punto diciendo que LinkedIn hace un gran trabajo al albergar todos los logros profesionales juntos en un solo lugar "ya". Sin embargo, tengo dos golpes fáciles para contrarrestar ese argumento.

1. No puedo destacar entre la multitud con mi perfil de LinkedIn, ya que tendrá una apariencia, un aspecto y una sensación similares
2. ¿Qué sucede cuando el mundo pasa de LinkedIn a la próxima gran novedad?

Todo dicho y hecho, estaba convencido, desde 2016, de que hay un valor agregado en tener un sitio web personal. Me tomó un año finalmente reunir el coraje suficiente y reunir la motivación suficiente para seguir adelante y construirlo. Confía en mí, son menos de 2 o 3 días de trabajo para poner en marcha un sitio web básico. Por supuesto, tendrías que pasar mucho más tiempo para agregar campanas y silbatos a saber. Integración de análisis de Google, contenido dinámico, integración de publicación de blogpost, etc. Pero eso lo dejamos para otro día . Sin más preámbulos, profundicemos en la pila.

Páginas Github

Github Pages es una forma gratuita, rápida y fácil de hacer realidad los sueños de su sitio web personal. Lo aprendí de uno de mis compañeros en 2017. Adopté Github Pages + Jekyll + Liquid y lo he mantenido desde entonces.

Rubí

Ruby es un lenguaje dinámico de código abierto. Ruby es la base [nivel 0] sobre la cual se sientan Jekyll y Bundler.
GitHub:https://github.com/ruby/ruby
Sitio web: www.ruby-lang.org/

jekyll

Jekyll es un generador de sitios estáticos compatible con blogs en Ruby.
GitHub:https://github.com/jekyll/jekyll
Sitio web:https://jekyllrb.com/

empaquetador

Bundler proporciona un entorno coherente para los proyectos de Ruby mediante el seguimiento y la instalación de las gemas y versiones exactas que se necesitan.
GitHub:https://github.com/rubygems/bundler[solo lectura desde el 9 de noviembre de 2022]
Sitio web:https://bundler.io/

$ gem update --system
RubyGems 3.3.26

$ bundle exec jekyll --version
jekyll 3.9.2

Liquid es un lenguaje de plantilla/marcado. A veces también se lo denomina motor de plantillas. Si bien el lenguaje [prefiero eso] es compatible con la lógica, los operadores y los bucles, las construcciones básicas para construir algo significativo, creo que es un lenguaje de propósito específico muy limitado. Solo hay ciertas cosas que puedes hacer con Liquid. Pero cumple el propósito para el que fue creado, en gran medida. Es creado por Spotify y dirígete a su blog para obtener más información .

GitHub:https://github.com/Shopify/liquid
Sitio web:https://shopify.github.io/liquid/

Configuración de 5 minutos

Es un proceso bastante rápido, fácil e indoloro para empezar a trabajar. Como beneficio adicional, hay toneladas de artículos/blogs de las fuentes oficiales [Gihub, Ruby y Liquid] para desbloquearlo en caso de problemas.

Desarrollo local

Entorno
Dado que este sitio web se basa en Jekyll, necesitará Ruby, Bundler y Jekyll instalados en su máquina

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

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

• Chaibapcya.github.io/Gemfile
• Chaibapcya.github.io/Gemfile.lock

bundle exec jekyll b
bundle exec jekyll s

Consejo de despedida
Si deseas agregar una nueva gema de rubí, solo agrega un paquete <gem>. P.ej

bundle add webrick

Ir ahttps://pages.github.com/y comience con su repositorio de Github.

Aleta

La mejor parte de hacer todo esto es que es ¡GRATIS!

Te cuesta "Zilch". Cero.

Gracias GitHub por democratizar verdaderamente el desarrollo y la programación de software.