Saltar al contenido principal

Ejemplo de Post con Todas las Características

3 min de lectura 541 palabras

Este es un post de ejemplo que demuestra todas las características implementadas en el blog.

Ejemplo de Post con Todas las Características

Introducción

Este post de ejemplo demuestra todas las increíbles características que has implementado en tu blog Jekyll. Desde búsqueda avanzada hasta PWA, este blog tiene todo lo que necesitas para una experiencia moderna.

Características Destacadas

1. Tabla de Contenidos Automática

Esta tabla de contenidos se genera automáticamente basándose en los encabezados H2, H3 y H4 de tu contenido. Puedes navegar fácilmente por secciones largas.

2. Modo Claro/Oscuro

Usa el toggle en el header para cambiar entre temas claro y oscuro. Tu preferencia se guarda automáticamente.

3. Búsqueda Potente

Ve a /buscar/ para probar la búsqueda con Lunr.js. Busca por:

  • Títulos de posts
  • Contenido
  • Categorías
  • Tags

Sintaxis y Formato

Código Inline

Puedes usar código inline así: console.log('Hola Mundo').

Bloques de Código

def saludo(nombre):
    """Función de ejemplo en Python"""
    print(f"¡Hola, {nombre}!")
    
saludo("Mundo")
// Código JavaScript
function calcular(a, b) {
    return a + b;
}

console.log(calcular(5, 3));

Listas

Lista ordenada:

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento

Lista desordenada:

  • Item uno
  • Item dos
  • Item tres
    • Subitem
    • Otro subitem

Citas

“La inteligencia artificial es el nuevo motor de la transformación digital. No se trata solo de automatizar tareas, sino de reimaginar completamente cómo trabajamos y creamos valor.”

— Experto en IA

Enlaces

Visita la documentación de Jekyll para aprender más sobre cómo personalizar tu blog.

Imágenes

Ejemplo de imagen

Imagen de ejemplo con texto alternativo

Compartir es Importante

Al final de este post encontrarás botones mejorados para compartir en:

  • Twitter
  • LinkedIn
  • Facebook
  • WhatsApp
  • Telegram
  • Copiar enlace

Posts Relacionados

El sistema mostrará automáticamente hasta 3 posts relacionados basándose en:

  • Misma categoría
  • Tags en común

Comentarios

Si has configurado Utterances o Disqus, verás la sección de comentarios al final de este post.

PWA - Progressive Web App

Este blog funciona como una aplicación:

  • Instalable: Puedes instalarlo en tu dispositivo
  • Offline: Funciona sin conexión
  • Rápido: Caché inteligente para cargas instantáneas

Analytics

El blog tiene soporte para:

  • Google Analytics
  • Plausible Analytics (alternativa privacy-focused)

Más Características

Barra de Progreso

Nota la barra de progreso en la parte superior que muestra cuánto has leído del artículo.

Al final del post hay botones para navegar al post anterior y siguiente.

Archivo por Fecha

Visita /archivo/ para ver todos los posts organizados por año y mes en un timeline visual.

Categorías y Tags

  • /categorias/ - Explora posts por categoría
  • /tags/ - Nube de tags interactiva

Conclusión

Tu blog Jekyll ahora tiene todas las características modernas que los usuarios esperan:

✅ Paginación inteligente ✅ Búsqueda avanzada ✅ Modo claro/oscuro ✅ Compartir en redes sociales ✅ Sistema de comentarios ✅ Analytics integrado ✅ PWA para experiencia offline ✅ Posts relacionados ✅ Tabla de contenidos automática ✅ Archivo temporal ✅ Organización por categorías y tags

¡Disfruta tu nuevo blog y que tengas éxito con tus contenidos!

Recursos Adicionales

Para más información sobre cómo usar estas características, consulta el archivo FEATURES.md en la raíz del proyecto.

Tips de Uso

  1. Escribe con Markdown: Todo el contenido se escribe en Markdown, un formato simple y potente
  2. Usa Front Matter: Configura cada post con los metadatos correctos
  3. Optimiza imágenes: Usa URLs de CDN o imágenes optimizadas
  4. Escribe buenos títulos: Son importantes para SEO y compartir en redes
  5. Usa tags relevantes: Ayudan a los lectores a encontrar contenido relacionado

Este es un post de ejemplo. Puedes editarlo o eliminarlo según tus necesidades.

💬 Comentarios

Inicia sesión con tu cuenta de GitHub para comentar. Los comentarios se almacenan como Issues en el repositorio del blog.