Sitio web con Jekyll - Ejemplo básico

2025-01-21T19:30:00-05:00 | 3 minutos de lectura | Actualizado en 2025-01-24T07:42:46-05:00

jaimetellezb
Sitio web con Jekyll - Ejemplo básico

🚀 Jekyll, un generador de sitios web dinámicos.

Tabla de Contenido

Introducción


Tenemos varias opciones para generar sitios web, entre ellas está Jekyll para sitios web dinámicos, sirve para cualquier tipo de sitio web, desde blogs hasta páginas web de empresas. Este es el equipo que lo mantiene. También hay que mencionar que está escrito en Ruby.



Creación de sitios web con Jekyll.

La opción de Jekyll, sirve para cualquier tipo de sitio web, desde blogs hasta páginas web de empresas. Este es el equipo que lo mantiene. También hay que mencionar que está escrito en Ruby.


Prerrequisitos

Jekyll requiere tener las siguientes instalaciones para funcionar correctamente:

  • Ruby en su versión 2.5.0 o superior. El equipo de Jekyll recomienda instalarlo con chruby . Dejan una guía más detallada en caso de tener problemas. Validar versión con ruby -v . También les dejo esta opción con rbenv .
ruby -v 
ruby 3.3.6 (2024-11-05 revision 75015d4c1f) [arm64-darwin23]
  • RubyGems una vez instalado Ruby podemos comprobar la versión de RubyGems con el comando gem -v .
gem -v
3.5.22

Instalación de Jekyll

  • Después de tener instalados los prerrequisitos podemos realizar la instalación de Jekyll.
gem install jekyll

Done installing documentation for webrick, unicode-display_width, terminal-table, safe_yaml, rouge, forwardable-extended, pathutil, mercenary, liquid, kramdown, kramdown-parser-gfm, ffi, rb-inotify, rb-fsevent, listen, jekyll-watch, google-protobuf, sass-embedded, jekyll-sass-converter, concurrent-ruby, i18n, http_parser.rb, eventmachine, em-websocket, colorator, public_suffix, addressable, jekyll after 10 seconds
28 gems installed


A new release of RubyGems is available: 3.5.22 → 3.6.2!
Run `gem update --system 3.6.2` to update your installation.
  • Validar la versión de Jekyll instalada con el comando jekyll --version .
jekyll --version
jekyll 4.3.4

Ejemplo básico

  • Para crear un sitio web con Jekyll, debemos tener las instalaciones necesarios en los prerrequisitos y luego de esto simplemente se puede generar el primer sitio web con el comando:
jekyll new first-site

Running bundle install in /Users/development/jekyll/first-site... 
  Bundler: Fetching gem metadata from https://rubygems.org/...........
  Bundler: Resolving dependencies...
  Bundler: Fetching rake 13.2.1
  Bundler: Installing rake 13.2.1
  Bundler: Fetching bigdecimal 3.1.9
  Bundler: Fetching rexml 3.4.0
  Bundler: Installing bigdecimal 3.1.9 with native extensions
  Bundler: Installing rexml 3.4.0
  Bundler: Fetching jekyll-feed 0.17.0
  Bundler: Fetching jekyll-seo-tag 2.8.0
  Bundler: Installing jekyll-feed 0.17.0
  Bundler: Installing jekyll-seo-tag 2.8.0
  Bundler: Fetching minima 2.5.2
  Bundler: Installing minima 2.5.2
  Bundler: Bundle complete! 7 Gemfile dependencies, 35 gems now installed.
  Bundler: Use `bundle info [gemname]` to see where a bundled gem is installed.
New jekyll site installed in /Users/development/jekyll/first-site. 
  • Ingresar al directorio generado.
cd first-site
  • Construir el sitio web y subirlo en un servidor local.
bundle exec jekyll serve
  • En caso de tener un error al ejecutar este comando se puede resolver agregando webrick a las dependencias:
bundle add webrick

demo

Referencias

© 2022 - 2025 jaimetellezb - Compartir guías y tutoriales de programación.

🌱 Powered by Hugo with theme Dream.

Sobre mí

alt

Ingeniero de software

Hola, bienvenidos a mi blog sobre guías y tutoriales de programación.

Aquí podrás encontrar guías y tutoriales sobre algunos temas de tecnología en general. La idea es poder ayudar a que ciertas cosas como configuraciones de nuevas herramientas sean más fáciles de abordar y utilizar. También pequeños proyectos donde se usen diferentes tecnologías como ejemplo.

Enlaces sociales