¿Alguna vez has deseado compartir tus ideas con el mundo pero no sabes por dónde empezar? Con nuestra guía de Markdown, podrás crear un blog rápido y sencillo en pocos pasos.

¿Que es markdown? Lo primero de todo…

Markdown es una herramienta de conversión de texto plano a HTML. Su principal funcionalidad es crear contenido de una manera sencilla y rápida.

¿Por ejemplo, alguna vez has utilizado la siguiente sintaxis en aplicaciones como whatsapp?

Markdown	Visualización
** Negrita **	Negrita
* Cursiva *	Cursiva
~~ Tachado ~~	Tachado

Si tu respuesta es sí, ¡SORPRESA!, ya sabes markdown. Markdown es perfecto para quienes buscan una forma eficiente de crear contenido web.

HTML es un lenguaje de marcado utilizado para estructurar y desplegar una página web y sus contenidos. *¿Quieres saber más sobre html? Aquí te dejo una introdución a HTML.

Formato y sintáxis básica de Markdown

La sintaxis de Markdown es muy intuitiva y fácil de aprender. Utiliza una serie de caracteres especiales para aplicar estilos y formatos al texto.

A continuación, mostramos algunos ejemplos básicos de la sintaxis de Markdown:

Código markdown:

# Esto es un encabezado 1
## Esto es un encabezado 2

Esto es un simple párrafo con una palabra en **negrita**

Aquí podemos ver una lista:
- Elemento 1
- Elemento 2
- Elemento 3

[Link a mi blog: crear marca de ropa](/blogs/crear-tu-propia-marca-de-ropa)

Resultado del código en HTML:

Titulo 1 como crear un blog con markdown

Titulo 2 como crear un blog con markdown

Esto es un simple párrafo con una palabra en negrita

Aquí podemos ver una lista:

• Elemento 1
• Elemento 2
• Elemento 3

Link a mi blog: crear marca de ropa

Como podemos ver, el resultado del código en html es el mismo formato que puedes ver a lo largo del todo el contenido del blog, por lo que una vez definidos unos estilos, nos aseguramos de mantener exactamente el mismo formato en todos nuestros blogs.

Si quieres profundizar en la sintaxis de formato markdown puedes hacerlo en el siguiente enlace: Markdown guide

---

Parte técnica: Integración con Astro & MDX

Si eres programador, diseñador, cualquier perfil profesional del sector IT o simplemente tienes interés en crear un blog de forma rapida y sencilla con markdown, estás en el sitio correcto.

Ahora vamos a ver que hay detrás de la integración para crear blogs de forma rapida y sencilla con markdown.

La tencología que implementes en tu blog es independiente de la creación de contenido con markdown, por lo tanto elige la tecnología de desarrollo que mas se adapte a tus necesesidades.

En DAK, hemos aprovechado la integración de Astro + MDX para hacer posible la creacción de blogs como este, una comninación perfecta para nutrir tus blogs con contenido de calidad.

• Astro: framework de desarrollo web orientado a contenido. Crea webs rapidas y con excelente SEO.
• MDX: permite escribir JSX en contenido markdown, esta combinación es una perfecta opción para nutrir tus blogs en markdown con components propios.

Está claro que Astro + MDX es una combinación perfecta, ¿no?. Además, podemos ver documentación oficial de esta integración por lo que la facilidad de integración es otro punto positivo para decantarse por esta integración.

Gracias a esta sencilla integración, añadiendo un único file con el formato anteriormente comentado, logramos crear un blog nuevo:

Además automáticamente creamos una entrada con enlace en la pagina principal de nuestros blogs.

---

Descubre nuestras colecciones de ropa de edición limitada

---

Recursos Adicionales

Diseño

• Canva: un imprescindible, canva es una herramienta online de diseño gráfico de uso gratuito que añade un toque profesional a tu presencia online.

Herramientas onlinne

• Notion: te permite escribir documentos, organizar información y gestionar proyectos en un solo espacio de trabajo.
• Cool contrast: herramienta para optimizar los contrastes de colores. Podrás indicar el color del texto y el color de fondo y obtener una valoración y sugerencias para mejorar la accesibilidad.
• Convertio: convierte tus archivos a los formatos preferidos según cada caso de uso.
• Squoosh: optimiza tus imagenes, comprime y compara imagenes y el resultado final según lo que necesites.
• Markdown Guide: guía básica de referencia sobre Markdown, útil para crear páginas web, portafolios o blogs.
• Pexels: articulos multimedia gratis para tu web o redes sociales, incluyendo fotos y videos.

SEO

• Google search console: herramienta imprescindible para medir el rendimiento y el tráfico de búsqueda de tu sitio web, corregir problemas y conseguir que tu sitio web destaque en los resultados de la Búsqueda de Google.
• Google trends: conoce las tendencias y los temas más buscados en tu ubicación o nicho.

DEV & WEB

• Page speed insights: analiza la performance de tu web y obtén un informe con métricas sobre posibles mejoras.

Descubre nuestros blogs relacionados