Características de GitHub Flavored Markdown
Este artículo demuestra todas las características de GitHub Flavored Markdown (GFM) soportadas por este portafolio.
Tablas
Las tablas ahora están completamente soportadas con un estilo hermoso:
| Característica | Estado | Descripción |
|---|---|---|
| Tablas | ✅ Soportado | Soporte completo de tablas markdown |
| Texto Tachado | ✅ Soportado | Usa ~~texto~~ para tachar |
| Listas de Tareas | ✅ Soportado | Casillas de verificación interactivas |
| Enlaces Automáticos | ✅ Soportado | URLs se vuelven clicables automáticamente |
Ejemplo de Tabla Compleja
| Framework | Versión | Puntuación de Rendimiento | Tamaño del Bundle | Calificación |
|---|---|---|---|---|
| Next.js | 15.5.4 | 95/100 | 85 KB | ⭐⭐⭐⭐⭐ |
| React | 19.0.0 | 90/100 | 45 KB | ⭐⭐⭐⭐⭐ |
| Vue | 3.4.0 | 92/100 | 40 KB | ⭐⭐⭐⭐ |
| Svelte | 4.2.0 | 98/100 | 15 KB | ⭐⭐⭐⭐⭐ |
Tabla con Alineación
| Alineado a la Izquierda | Centrado | Alineado a la Derecha |
|---|---|---|
| Por defecto | Centrado | Derecha |
| Texto | Texto | 100 |
| Más texto | Más texto | 200 |
Texto Tachado
Puedes usar texto tachado envolviéndolo con ~~.
Ejemplo: El precio anterior era $99.99 ¡pero ahora es solo $49.99!
Listas de Tareas
Las listas de tareas son geniales para planificación de proyectos:
Lista de Verificación del Proyecto
- Configurar proyecto Next.js
- Configurar MDX
- Implementar internacionalización
- Agregar soporte de tablas
- Implementar funcionalidad de búsqueda
- Agregar feed RSS
- Crear páginas de categorías
Desarrollo de Características
-
Diseñar página de inicioCompletado -
Agregar navegaciónCompletado -
Implementar modo oscuroCompletado - Agregar formulario de contacto
- Integrar analíticas
Enlaces Automáticos
Las URLs se convierten automáticamente en enlaces clicables:
También puedes usar enlaces tradicionales de markdown: Visitar Next.js
Combinando Características
Aquí hay una tabla con varias características de GFM:
| Tarea | Estado | Notas |
|---|---|---|
| ❌ Obsoleta | Usar nueva API en su lugar | |
| Característica actual | ✅ Activa | https://docs.ejemplo.com |
| Característica futura | 🚧 En Progreso | ¡Próximamente! |
Hoja de Ruta de Desarrollo
| Trimestre | Objetivos | Estado |
|---|---|---|
| Q1 2025 | - [x] Lanzar MVP - [x] Agregar soporte MDX - [ ] Pruebas beta | 80% Completo |
| Q2 2025 | - [ ] Función de búsqueda - [ ] Analíticas - [ ] Optimización SEO | Planificación |
| Q3 2025 | - [ ] App móvil - [ ] API v2 | Futuro |
Código con Tablas
Puedes combinar tablas con ejemplos de código:
| Método | Ejemplo de Código | Caso de Uso |
|---|---|---|
map() | arr.map(x => x * 2) | Transformar arrays |
filter() | arr.filter(x => x > 0) | Filtrar elementos |
reduce() | arr.reduce((a, b) => a + b) | Agregar valores |
Conclusión
Todas las características de GitHub Flavored Markdown están funcionando ahora:
✅ Tablas - Con estilo hermoso y efectos hover
✅ Texto Tachado - Texto antiguo se tacha
✅ Listas de Tareas - Perfectas para listas de verificación
✅ Enlaces Automáticos - Detección automática de URLs
¡Este portafolio ahora tiene soporte completo de GitHub Flavored Markdown, haciendo tu contenido más expresivo y fácil de leer!
¡Intenta crear tu propio contenido con estas características!