📝 Generador de artículos para el sitio web

Complete los campos y descargue el archivo HTML listo para subir a la carpeta /articulos/.
📷 Si no pones imagen, se usará un ícono por defecto.
💡 Formato compatible:
• **texto** → negrita
• *texto* → cursiva
• [texto](url) → enlace
• ![alt](url-imagen) → imagen dentro del artículo
• Líneas que empiezan con - o * → lista con viñetas
• Líneas que empiezan con 1. , 2. etc. → lista numerada
• Doble salto de línea = nuevo párrafo.
📌 Instrucciones después de descargar:
1. El archivo se descargará como nombre-del-articulo.html.
2. Suba ese archivo a la carpeta /articulos/ de su sitio (vía FTP o cPanel).
3. Luego debe actualizar manualmente el archivo blog.html con la tarjeta que se muestra abajo.
4. Si necesita ayuda, consulte el manual o contacte a su desarrollador.
`; // Generar código de la tarjeta para blog.html (con o sin imagen) let tarjetaHtml; if (imagenUrl) { tarjetaHtml = `
${imagenTarjeta}
${categoria}${fecha}

${escapeHtml(titulo)}

${escapeHtml(resumenTexto)}

Leer más →
`; } else { tarjetaHtml = `
${imagenTarjeta}
${categoria}${fecha}

${escapeHtml(titulo)}

${escapeHtml(resumenTexto)}

Leer más →
`; } /*Descargar archivo*/ const blob = new Blob([plantillaArticulo], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `${slug}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); /*Mostrar instrucciones y la tarjeta para copiar*/ const resultadoDiv = document.getElementById('resultado'); resultadoDiv.style.display = 'block'; resultadoDiv.innerHTML = `

✅ Artículo generado y descargado como ${slug}.html.

📌 Ahora actualice blog.html añadiendo la siguiente tarjeta (cópiela y péguela dentro de .blog-grid, preferiblemente al principio):

${escapeHtml(tarjetaHtml)}

También actualice la lista "Artículos recientes" en el sidebar (añada un nuevo <li> con el enlace al artículo).

`; }); function escapeHtml(texto) { return texto.replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); }