Título

Post: Fecha futura

Este post vive en el futuro y tiene fecha Fri Dec 31 00:00:00 9999. Debería aparecer únicamente cuando Jekyll genere tu proyecto incluyendo la opción --future.

Hola Hydeout

Hydeout actualiza al tema original Hyde para Jekyll 3.x y le añade nuevas funcionalidades.

Mantenlo sencillo

Siguiendo con el tema original Hyde, Hydeout busca mantener el diseño ligero sin plugins. El uso de JavaScript se limita únicamente a Disqus y Google Analytics (y sólo se incluye si las respectivas variables de configuración han sido informadas).

Hydeout hace uso extensivo de Flexbox en sus CSS. Si Flexbox no está disponible, los CSS se degradan a un layout de una sola columna.

Personalización

Hydeout reemplaza el funcionamiento de Hyde, basado en clases mediante el uso de las siguiente variables SASS:

$sidebar-bg-color: #202020 !default;
$sidebar-sticky: true !default;
$layout-reverse: false !default;
$link-color: #268bd2 !default;

Para anular estas variables, podemos crear nuestro propio fichero assets/css/main.scss. Definimos nuestras propias variables, y las importamos al SCSS de Hydeout, de la siguiente manera:

---
# Jekyll requiere encabezado para los ficheros SCSS
---

$sidebar-bg-color: #ac4142;
$link-color: #ac4142;
$sidebar-sticky: false;
@import "hydeout";

Hecha un vistazo al fichero de _variables para ver otras variables que pueden ser anuladas.

Es posible también insertar etiquetas personalizadas (e.g. para cargar nuestras propias hojas de estilos) definiendo nuestros propios _includes/custom-head.html o insertar etiquetas al final del cuerpo (e.g. para JS personalizado) definiendo nuestro propio _includes/custom-foot.html.

Nuevas Funcionalidades

• Hydeout también añade una nueva página de etiquetas (accesible desde la barra lateral) y un nuevo layout de “categoría” para páginas dedicadas a una determinada categoría.

• Las páginas de categoría son añadidas automáticamente a la barra lateral. Todas las demás páginas deben tener sidebar_link: true en su cabecera para ser mostradas en la barra lateral.

• Una redirección simple a Google search está disponible. Para utilizar Google Custom Search o Algolia o algo diferente, debemos anular search.html.

• La integración con Disqus está lista de entrada. Solamente debemos añadir lo siguiente a nuestro fichero de configuración:

  disqus:
    shortname: my-disqus-shortname
  

  Si no quieres utilizar Disqus o quieres utilizar otro sistema, deberás anular comments.html.

• Para soportar la integración con Google Analytics, define una variable google_analytics con tu ID de propiedad en tu fichero de configuración.

Hay también un montón de ajustes menores por todo el tema. Espero que encaje con tus necesidades!

Presentando a Hyde

Hyde es un descarado tema Jekyll de dos columnas que acompaña una barra lateral con contenido sencillo. Está basado en Poole, el mayordomo de Jekyll.

Ejemplos de contenido

¿Qué es Jekyll?

Jekyll es un generador de sitios estáticos, una herramienta open-source para la creación de sitios web simples pero potentes, de todos los tamaños y formas. Según el léeme del proyecto:

Markup: Syntax Highlighting

Layout: Excerpt (Defined)

Layout: Excerpt (Generated with Separator Tag)

This is the post content. Archive-index pages should display an auto-generated excerpt of all the content preceding the excerpt_separator, as defined in the YAML Front Matter or globally in _config.yml.

Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn’t create any layout problems.

Markup: Title with Special --- Characters

Putting special characters in the title should have no adverse effect on the layout or functionality.

Markup: Title *with* **Markdown**

Using Markdown in the title should have no adverse effect on the layout or functionality.

Markup: Text Readability Test

Markup: HTML Elements and Formatting

A variety of common HTML elements to demonstrate the theme’s stylesheet and verify they have been styled appropriately.

Post: Twitter Embed

Oh I dunno. It's probably been over 15 years since I smudged out a face with a pencil and kneaded eraser. #WIP #Sktchy pic.twitter.com/PwqbMddyVK

— Michael Rose (@mmistakes) February 1, 2017

Post: Video (YouTube)

Post: Quote

Only one thing is impossible for God: To find any sense in any copyright law on the planet.

Mark Twain

Post: Standard

All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, “Oh, why can’t you remain like this for ever!” This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.

Mrs. Darling first heard of Peter when she was tidying up her children’s minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.

Post: Modified Date

This post has been updated and should show a modified date if last_modified_at is used in the layout.

Suspicio? Bene ... tunc ibimus? Quis uh ... CONEXUS locus his diebus? Quisque semper aliquid videtur, in volutpat mauris. Nolo enim dicere. Vobis neque ab aliis. Ego feci memetipsum explicans. Gus mortuus est. Lorem opus habeo. Jackson Isai? Tu quoque ... A te quidem a ante. Vos scitis quod blinking res Ive 'been vocans super vos? Et conteram illud, et conteram hoc. Maledicant druggie excors. Iam hoc tu facere conatus sum ad te in omni tempore? Ludum mutavit. Verbum est ex. Et ... sunt occid

Check for long titles and how they might break layouts.

Antidisestablishmentarianism

This post title has a long word that could potentially overflow the content area.

Edge Case No Yaml Title Es

Este post no tiene título en el YAML Front Matter. Jekyll debería auto-generar un título a partir del nombre del fichero.

Caso Extremo: Post sin contenido

Caso Extremo: Muchas categorías

Este post tiene muchas categorías.

Caso Extremo: Muchas etiquetas

Este post tiene muchas etiquetas.

Caso Extremo: Listas anidadas y mixtas

Las listas anidadas y las listas mixtas son un concepto interesante. Es un caso límite para asegurar que las listas dentro de listas no rompen la numeración de la lista ordenada, y que los estilos de las listas tienen la profundidad necesaria.