👋HELLO MARKDOWN WORLD❗

Bienvenidos a mi previsualizador de Markdown en React!

<h3>Encabezado de tercer nivel</h3>

<h4> Un texto del tamaño normal, pero en negrita </h4>

<h5> Otro texto de tamaño más pequeño que el normal, en negrita </h5>

<h6> Aquí un texto de tamaño aún más pequeño y en cursiva </h6>

---

^{Créate un espectacular README.md para tu proyecto con sus:}

👉 Funcionalidades Extra :

Note

Destaca información que los usuarios deben tener en cuenta, incluso cuando hojean.

Tip

Información opcional para ayudar al usuario a tener más éxito.

Important

Información crucial necesaria para que los usuarios tengan éxito.

Warning

Contenido crítico que exige atención inmediata del usuario debido a riesgos potenciales.

Caution

Consecuencias potenciales negativas de una acción.

---

¿ Necesitas darle IMPORTANCIA una única línea de texto ?

¿ Marcar código en línea: <div>container</div>, o resaltar un trozo de texto ? Entre 2 backticks
(acentos invertidos) ``

// O crear un cuadro de código en varias líneas:

function anotherExample(firstLine, lastLine) {
  if (firstLine == '```' && lastLine == '```') {
    return multiLineCode;
    }
}

---

Puedes usar Blockquotes (líneas de cita) de una línea

Pudes usar un acordeón para mostrar detalles

En Blockquotes de varias líneas:

Con listas de tareas "ToDo":

• Markdown te permite marcar texto en negrita, cursiva o texto tachado.
• O marcar el texto combinando TODOS LOS MODOS.
• Lamentablemente no puedes usar HTML para <u>subrayados</u>.

• Puedes crear listas desordenadas
• También llamadas viñetas,
  • añadiéndolas en diferentes niveles.
    • Donde puedes indentar elementos de lista ToDo
    • Como ésta segunda línea de lista.

Y otras estructuras más profundas

En otro desplegable :

- Nivel 1

- Nivel 2

- Nivel 3

- más niveles

- más profundos.

---

• Usa la etiqueta <br> para generar saltos de línea y el código   para espacios en blanco.
• O la etiqueta <hr> para crear una linea horizontal o 3 guiones ---.
• Para crear comentarios, puedes usar la sintaxis de HTML <!-- comentario -->
• GitHub reconoce enlaces a otros repositorios: user/repo.
• Issues y pull requests: #123 para una issue con ese número.
• También mencionar a un usuario con @username.

---

 Y si ya quieres llevarlo al siguiente nivel, usa tablas: 

Primera Columna	Segunda Columna	Tercera Colmna
Tu contenido	Tu contenido	Tu contenido
Mi Portfolio	Mi GitHub	Mi Linkedin

---

Enlaces a sitios externos ↗ [sitios externos ↗](https://conancos.dev/portfolio#contact)

Enlaces de anclaje Agradecimientos ⬇

[Agradecimientos ⬇](#si-te-gusta-el-editor-y-lo-usas-puedes-dejar-un-comentario--gracias)

Tip

Aunque los enlaces de anclaje sean muy difícil de implementar en éstos editores, o directamente no funcionen, en GitHub sí lo hacen. Esta es la sintaxis:

[moverse por el documento](#cualquier-encabezado-en-minúsculas-sin-emoticonos-signos-ni-variables)

---

Important

Llega el momento de abordar algo muy importante para cualquier Documentación:

Tus imágenes:

^{Limitando su tamaño para situarlas junto al texto:}

^{Y establécelas como un enlace URL:}

Dale un toque sutil y sorprende con una Animación GIF:

✨ Crea y Enriquece tu documento markdown como un profesional y
🔴 en tiempo real: Pruébalo!

Note

Por último y agradeciendo tu visita, un trick sorprendente: Puedes usar variables 💥:

      👨‍🎓 Visita mi LinkedIn ↗

      🚀 Visita mi GitHub ↗

      👨‍💻 Visita mi portfolio ↗

      👩‍🏫 Visita freeCodeCamp ↗

Si te gusta el editor y lo usas, puedes dejar un 💖comentario ↗ gracias!

Ir al inicio ⬆

Copyright © 2024 conan_cos - bajo licencia GNU General Public License v3.0