🚀 Proyectos web

Jardín Digital

El proyecto de crear este sitio web como espacio de conocimiento personal.

1 min de lectura

Descripción del Proyecto

Este jardín digital es mi espacio personal para organizar, cultivar y compartir conocimiento de múltiples disciplinas.

Stack Tecnológico

flowchart TB
    subgraph Frontend
        Jekyll[Jekyll 4.x]
        SCSS[SCSS/CSS]
        JS[JavaScript]
    end
    
    subgraph Libraries [Librerías]
        MathJax[MathJax 3]
        Mermaid[Mermaid.js]
        Lunr[Lunr.js]
    end
    
    subgraph Hosting
        GH[GitHub Pages]
        Actions[GitHub Actions]
    end
    
    Frontend --> Libraries
    Frontend --> Hosting

Características Implementadas

  • 10 colecciones de contenido
  • Soporte LaTeX con MathJax
  • Diagramas con Mermaid.js
  • Búsqueda local con Lunr.js
  • Modo oscuro/claro
  • Diseño responsive
  • SEO optimizado
  • Sistema de comentarios básico

Estructura de Colecciones

Colección Propósito
Humanidades Filosofía, Historia, Psicología, Arte
Ciencias Matemáticas, Física, Química
Tecnología IA, Programación, Ciberseguridad
Negocios Finanzas, Economía, Marketing
Salud Nutrición, Fitness, Bienestar
Idiomas Aprendizaje de lenguas
Hobbies Ajedrez, Viajes, Cocina
Biblioteca Reseñas de libros, películas, música
Proyectos Side projects como este
Bitácora Diario personal

Próximos Pasos

  • Integrar sistema de backlinks entre notas
  • Añadir gráfico de conexiones entre temas
  • Implementar búsqueda avanzada con filtros
  • Crear sistema de favoritos
  • Añadir modo de lectura (sin distracciones)

Lecciones Aprendidas

  1. Jekyll es poderoso pero tiene curva de aprendizaje
  2. Las colecciones son perfectas para contenido no-blog
  3. CSS custom properties hacen el modo oscuro trivial
  4. Lunr.js es sorprendentemente rápido para búsqueda local

Recursos Utilizados

Comentarios