📝 Blog Técnico - jdetrizep.dev

Blog técnico personal enfocado en desarrollo de software, DevOps, IBM i, inteligencia artificial y mejores prácticas de programación.

Jorge De Trinidad Zepeda
Expert Coach con +16 años de experiencia en desarrollo de sistemas bancarios

• 🌟 IBM Influencer 2025
• 🌟 IBM Advocate 2025
• 🌟 IBM Contributor 2025
• 💼 Microsoft Certified Professional
• ☁️ Oracle Cloud Certified AI
• 🔒 Cybersecurity Awareness Professional
• 📊 Lean Six Sigma White Belt
• 🎯 Certified Scrum Master
• 💡 IBM Enterprise Design Thinking

• Backend: Java, C#, .NET, RPGLE, SQLRPGLE
• Mobile: Kotlin, Swift, Objective-C
• Cloud: Azure, AWS, IBM Cloud
• DevOps: CI/CD, Azure DevOps, Jenkins
• Databases: DB2 for i, SQL Server, Oracle
• AI/ML: Azure AI, OpenAI, OCI AI

• Modernización de aplicaciones legacy
• Mejores prácticas en RPGLE y DB2
• Integración con tecnologías modernas
• DevOps para IBM i

• Pipelines de integración continua
• Automatización de despliegues
• Infraestructura como código
• Monitoreo y observabilidad

• Arquitecturas escalables
• Patrones de diseño
• Optimización de rendimiento
• Seguridad en aplicaciones

• Arquitecturas en Azure y AWS
• Servicios serverless
• Contenedores y orquestación
• Migración a la nube

• IA aplicada al desarrollo
• Herramientas de código asistido
• Ética en IA
• Machine Learning en producción

• ⭐ Calificación de 1 a 5 estrellas por artículo
• 📊 Promedio de calificaciones en tiempo real
• 💾 Almacenamiento local (localStorage)
• 🎨 Diseño compacto y minimalista
• 🌙 Compatible con modo oscuro
• 📱 Totalmente responsive

• 📱 Optimizado para móviles, tablets y desktop
• 🎨 Interfaz limpia y moderna
• ⚡ Carga rápida y optimizada
• 🌓 Modo claro/oscuro

• 🔍 Meta tags optimizados
• 🗺️ Sitemap automático
• 📡 RSS Feed
• 🔗 URLs amigables

• 🔎 Búsqueda en tiempo real
• 📑 Indexación de todos los posts
• ⚡ Resultados instantáneos

• 📤 Botones de compartir integrados
• 🖼️ Open Graph tags
• 🐦 Twitter Cards

jekyll-klise/
├── _config.yml              # Configuración principal de Jekyll
├── _data/                   # Datos estructurados
│   └── menus.yml           # Menús de navegación
├── _includes/              # Componentes reutilizables
│   ├── footer.html         # Pie de página
│   ├── rating.html         # Sistema de calificación
│   ├── share-buttons.html  # Botones de compartir
│   └── ...
├── _layouts/               # Plantillas de página
│   ├── default.html        # Layout base
│   ├── post.html          # Layout para posts
│   ├── home.html          # Página principal
│   └── ...
├── _posts/                 # Artículos del blog
│   ├── Categoria1/
│   ├── Categoria2/
│   └── ...
├── _sass/                  # Estilos SCSS
│   ├── klise/
│   │   ├── _rating.scss   # Estilos del sistema de calificación
│   │   └── ...
│   └── main.scss          # Archivo principal de estilos
├── assets/                 # Recursos estáticos
│   ├── css/               # CSS compilado
│   ├── js/                # JavaScript
│   │   ├── main.js        # Script principal
│   │   └── rating.js      # Sistema de calificación
│   ├── img/               # Imágenes
│   └── favicons/          # Iconos del sitio
├── Gemfile                 # Dependencias Ruby
├── README.md              # Este archivo
└── RATING_SYSTEM.md       # Documentación del sistema de calificación

• Ruby >= 2.7.0
• RubyGems
• GCC y Make
• Jekyll 4.1.0

1. Clonar el repositorio

git clone https://github.com/jdetrizep/jdetrizep.dev.git
cd jdetrizep.dev/jekyll-klise

2. Instalar dependencias

bundle install

3. Ejecutar el servidor local

bundle exec jekyll serve

4. Abrir en el navegador

http://localhost:4000

Edita _config.yml para personalizar:

# Información del sitio
title: Tu Título
description: Tu descripción
lang: es-CR
timezone: America/Costa_Rica

# Información del autor
author:
  name: Tu Nombre
  bio: Tu biografía
  email: tu@email.com
  github: tu-usuario
  linkedin: tu-perfil

# URL del sitio
url: "https://tu-usuario.github.io"
baseurl: ""

# Google Analytics (opcional)
google_analytics: TU-ID-DE-GA

bundle exec jekyll post "Título del Post"

Crea un archivo en _posts/ con el formato:

YYYY-MM-DD-titulo-del-post.md

---
layout: post
title: "Título del Post"
date: 2026-01-02 10:00:00 -0600
modified: 2026-01-02 10:00:00 -0600
tags: [tag1, tag2, tag3]
description: "Descripción breve del post"
image: /ruta/a/imagen.webp
---

_posts/
└── Nombre_Del_Post/
    ├── YYYY-MM-DD-nombre-del-post.md
    ├── imagen1.png
    ├── imagen1.webp
    ├── imagen2.png
    └── imagen2.webp

Edita _sass/klise/_variables.scss:

$primary-color: #007bff;
$secondary-color: #6c757d;
$text-color: #333;
$bg-color: #fff;

Ver documentación detallada en RATING_SYSTEM.md

1. Crea un archivo .md en la raíz
2. Agrega el front matter:

---
layout: page
title: Título de la Página
permalink: /ruta-de-la-pagina/
---

Archivos:

• _includes/rating.html - Componente HTML
• _sass/klise/_rating.scss - Estilos
• assets/js/rating.js - Lógica JavaScript

Características:

• Calificación de 1-5 estrellas
• Almacenamiento en localStorage
• Cálculo de promedio automático
• Una calificación por usuario
• Animaciones suaves
• Modo oscuro integrado

Uso:

{% include rating.html %}

Archivo: _includes/footer.html

Características:

• Logo personalizado
• Copyright dinámico
• Enlaces a redes sociales
• Google Analytics integrado
• Scripts de búsqueda

Archivo: _includes/share-buttons.html

Botones para compartir en:

• Twitter
• Facebook
• LinkedIn
• WhatsApp
• Telegram

Configurado en _config.yml:

google_analytics: G-KQCBK0PDYH

El código se carga automáticamente en el footer usando globalThis para mejor compatibilidad.

• ✅ Meta tags optimizados
• ✅ Open Graph para redes sociales
• ✅ Twitter Cards
• ✅ Sitemap XML automático
• ✅ RSS Feed
• ✅ URLs semánticas

1. Push al repositorio

git add .
git commit -m "Update blog"
git push origin main

2. Configurar GitHub Pages

• Ve a Settings > Pages
• Source: Deploy from a branch
• Branch: main / root
• Save

3. Acceder al sitio

https://tu-usuario.github.io

1. Crea un archivo CNAME en la raíz:

tudominio.com

2. Configura los DNS en tu proveedor:

A Record: 185.199.108.153
A Record: 185.199.109.153
A Record: 185.199.110.153
A Record: 185.199.111.153

bundle exec jekyll serve --drafts --livereload

bundle exec jekyll clean

bundle exec jekyll build

En la consola del navegador:

// Limpiar todas las calificaciones
clearPostRatings();

// Limpiar calificación específica
clearPostRatings('post-id');

gem "jekyll", "~> 4.1.0"
gem "jekyll-feed", "~> 0.13"
gem "jekyll-sitemap", "~> 1.4"
gem "jekyll-compose", "~> 0.12.0"
gem "jekyll-postfiles", "~> 3.1"
gem "webrick", "~> 1.7"

• Vanilla JavaScript (sin dependencias externas)
• Compatible con ES6+

bundle update
bundle exec jekyll clean
bundle exec jekyll build

bundle install --path vendor/bundle
bundle exec jekyll serve

Verifica que las rutas sean relativas a la raíz:

![Alt text](/assets/img/imagen.webp)

1. Verifica que rating.js se cargue correctamente
2. Revisa la consola del navegador
3. Asegúrate de que localStorage esté habilitado

Las contribuciones son bienvenidas. Por favor:

1. Fork el proyecto
2. Crea una rama para tu feature (git checkout -b feature/AmazingFeature)
3. Commit tus cambios (git commit -m 'Add some AmazingFeature')
4. Push a la rama (git push origin feature/AmazingFeature)
5. Abre un Pull Request

Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE para más detalles.

Jorge De Trinidad Zepeda

• 🌐 Website: jdetrizep.github.io
• 💼 LinkedIn: jorge-de-trinidad-zepeda
• 🐙 GitHub: @jdetrizep
• 📧 Email: jorgedetrinidad@outlook.com

• Jekyll - Generador de sitios estáticos
• Klise Theme - Tema base
• GitHub Pages - Hosting gratuito
• Comunidad de desarrolladores IBM i

• Sistema de comentarios con Disqus/Utterances
• Backend para calificaciones globales
• Newsletter integrado
• Búsqueda avanzada con filtros
• Modo de lectura nocturna mejorado
• PWA (Progressive Web App)
• Internacionalización (i18n)

• RATING_SYSTEM.md - Sistema de calificación detallado
• MEJORAS_FASE1.md - Mejoras implementadas fase 1
• MEJORAS_FASE2.md - Mejoras implementadas fase 2