Skip to content

helpers.md

Latest commit

 

History

History
161 lines (106 loc) · 2.93 KB

helpers.md

File metadata and controls

161 lines (106 loc) · 2.93 KB

Doc helper

docsify amplía la sintaxis de Markdown para que tus documentos sean más legibles.

Nota: Para los casos de sintaxis de código especial, es mejor colocarlos dentro de comillas invertidas de código para evitar conflictos con configuraciones o emojis.

Contenido importante

Contenido importante como:

!> ¡**El tiempo** es dinero, amigo!

se renderiza como:

!> ¡El tiempo es dinero, amigo!

Consejos generales

Consejos generales como:

?> _POR HACER_ prueba unitaria

se renderizan como:

?> POR HACER prueba unitaria

Ignorar la compilación del enlace

A veces usaremos alguna otra ruta relativa para el enlace, y debemos decirle a docsify que no necesitamos compilar este enlace. Por ejemplo:

[enlace](/demo/)

Se compilará como <a href="/#/demo/">enlace</a> y cargará /demo/README.md. Tal vez desees saltar a /demo/index.html.

Ahora puedes hacerlo así:

[enlace](/demo/ ':ignore')

Obtendrás <a href="/demo/">enlace</a>. No te preocupes, aún puedes establecer el título para el enlace.

[enlace](/demo/ ':ignore título')

<a href="/demo/" título="título">enlace</a>

Establecer atributo de destino para el enlace

[enlace](/demo ':target=_blank')
[enlace](/demo2 ':target=_self')

Deshabilitar el enlace

[enlace](/demo ':disabled')

Listas de tareas de GitHub

- [ ] foo
- bar
- [x] baz
- [] bam <~ no funciona
  - [ ] bim
  - [ ] lim
  • foo
  • bar
  • baz
  • [] bam <~ no funciona
    • bim
    • lim

Imagen

Cambiar tamaño

![logo](https://docsify.js.org/_media/icon.svg ':size=ANCHOxALTO')
![logo](https://docsify.js.org/_media/icon.svg ':size=50x100')
![logo](https://docsify.js.org/_media/icon.svg ':size=100')

<!-- Soporta porcentaje -->

![logo](https://docsify.js.org/_media/icon.svg ':size=10%')

logo logo logo

Personalizar clase

![logo](https://docsify.js.org/_media/icon.svg ':class=algunaClaseCss')

Personalizar ID

![logo](https://docsify.js.org/_media/icon.svg ':id=algunaIdCss')

Personalizar ID para encabezados

### ¡Hola, mundo! :id=hola-mundo

Markdown en etiquetas HTML

Necesitas insertar un espacio entre el contenido HTML y el contenido de Markdown. Esto es útil para renderizar contenido de Markdown en el elemento "details".

<details>
<summary>Autoevaluación (Haz clic para expandir)</summary>

- Abc
- Abc

</details>
Autoevaluación (Haz clic para expandir)
  • Abc
  • Abc

El contenido de Markdown también se puede envolver en etiquetas HTML.

<div style='color: red'>

- elemento de lista
- elemento de lista
- elemento de lista

</div>
  • Abc
  • Abc