👨‍💻 ▷ Jekyll, Aprender desde Cero

5 minuto(s) de lectura

Existe un gran cambio al modificar tus hábitos y desear cambiar desde un Sistema de Gestión de Contenidos como puede ser Wordpress hacía un Sistema de Contenidos de Generación Estática como puede ser Jekyll, por ello.

Creo este repositorio con todos los enlaces que me han ido ayudando a lo largo de la última semana, tanto con la importación de mi antiguo blog, como con la configuración de la nueva página estática.

Además, adjunto enlaces de interes que espero que a pesar de no ser Jekyll; un Sistema ni tan desarrollado ni con una comunidad tan grande como la de Wordpress; puedan serme de ayuda en la implementación y me ofrezcan mejoras en mi nuevo página.

¡A la almendrilla!

🕵️‍♂️ Enlaces por Investigar

✍ Cómo Publicar Con Jekyll

Publicar un Enlace

Añadir a la cabecera YAML:

link: https://github.com

Publicar una Cita

Seguir el siguiente ejemplo, con el uso de >

> Cita o frase a incluir.

> <cite><a href="http://www.brainyquote.com/quotes/quotes/m/marktwain163473.html">Mark Twain</a></cite>

Actualizar la Fecha de Publicación

Agregar en la cabecera YAML:

last_modified_at: 2016-03-09T16:20:02-05:00

Agregar Cajas de Avisos o Notas Informativas

Un aviso o nota informativa muestra un contenido de importancia o que deseas mostrar como relevante llamando la atención al usuario.

Al utilizar Kramdown, se puede añadir {: .notice} después de una sentencia, para asignar.notice a un elemento <p></p> o párrafo.

Como en los ejemplos siguientes:

Changes in Service: We just updated our privacy policy here to better service our customers. We recommend reviewing the changes. {: .notice}

Primary Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Info Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Warning Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Danger Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Success Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Want to wrap several paragraphs or other elements in a notice? Using Liquid to capture the content and then filter it with markdownify is a good way to go.

{% capture notice-2 %}
#### New Site Features

* You can now have cover images on blog pages
* Drafts will now auto-save while writing
{% endcapture %}

<div class="notice">{{ notice-2 | markdownify }}</div>

New Site Features

  • You can now have cover images on blog pages
  • Drafts will now auto-save while writing

O bien, podría saltar la captura y seguir con HTML puro.

<div class="notice">
  <h4>Message</h4>
  <p>A basic message.</p>
</div>

Message

A basic message.

Message

A basic message.

Agregar Etiqueta: more

Si deseas ingresa la etiqueta más o también conocida como more en tus publicaciones puedes ejecutar la etiqueta:

<!--more-->

Situándolo luego del primer o segundo párrafo, además debes aplicar en tu cabecera YAML:

excerpt_separator: "<!--more-->"

👷‍♀️ CMS de Jekyll

Un CMS o Gestor de Contenidos es un software creado para poder ayudarte a la hora de la utilización de un blog, página o web en la que deseas agregar tus contenidos.

En el caso de Jekyll, no es que existan grandes CMS, más si existen variopintas posibilidades de gestionarlo si es que no deseas introducirte demasiado a crear absolutamente todo desde cero.

En mi caso, decidí utilizar Forestry puesto qu es gratuito y permite gestionar el contenido desde una interfaz totalmente minimalista; además de ofrecer la posibilidad de generar plantillas para las diferentes entradas futuras que se deseen ir realizando; a lo que denominan front matter.

Soluciones de CMS para Jekyll en esta publicación puedes encontrar el mejor lugar para alojar tu sitio Jekyll o hacer que tu sitio web estático sea editable con estos excelentes servicios de administración de contenido.

CloudCannon

Forestry, Enlaces Directos

🔄 Plugins de Importación

Si deseas transportar tus datos de Wordpress a Jekyll, es posible que puedas terminar por volverte loco, puesto que a pesar de que existe un método que debería de ser sencillo desde la propia página de documentación de Jekyll; yo no he logrado hacerlo funcionar; por tanto decidí buscar alguna fórmula alternativa.

En mi caso, lo único que me funciono; fue este plugin: Wordpress2Jekyll. Es bastante viejo, pero es lo único que me ha ayudado a guardar mi antiguo contenido hasta que pueda ir realojandolo dentro de mi nuevo blog.

🔗 Enlaces Externos

Colección de enlaces que he ido guardando con los que poder aprender el uso lo más correcto posible de Jekyll, Ruby, Github Pages y Forestry.

Enlaces de Chuletas

  • WebFX: Lista de Emojis / Emoticonos que pueden ser usados al estilo de los emoticones de Github :+1:

🛒 Comercio Electrónico

POR INVESTIGAR

Lenguaje de Uso: Liquid

Plugins de Jekyll

Si bien Jekyll no posee tanto repertorio como Wordpress, si que es posible ir añadiéndole diferentes acciones o pedazos de código que vayan ejecutando diferentes opciones.

🎨 Temas de Jekyll

📹 Videotutoriales

Actualizado:

Deja un comentario