Skip to content

Commit

Permalink
Update helpers.md
Browse files Browse the repository at this point in the history
  • Loading branch information
SidVal authored Nov 7, 2023
1 parent e78c118 commit f771102
Showing 1 changed file with 116 additions and 39 deletions.
155 changes: 116 additions & 39 deletions helpers.md
Original file line number Diff line number Diff line change
@@ -1,84 +1,161 @@
# Doc helper

!> Este archivo aún no está traducido al español, estamos traduciendo... si gustas, puedes ayudar.
docsify amplía la sintaxis de Markdown para que tus documentos sean más legibles.

docsify extends Markdown syntax to make your documents more readable.
> 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.
## important content
## Contenido importante

Important content like:
Contenido importante como:

```markdown
!> **Time** is money, my friend!
!> ¡**El tiempo** es dinero, amigo!
```

is rendered as:
se renderiza como:

!> **Time** is money, my friend!
!> ¡**El tiempo** es dinero, amigo!

## General tips
## Consejos generales

General tips like:
Consejos generales como:

```markdown
?> _TODO_ unit test
?> _POR HACER_ prueba unitaria
```

are rendered as:
se renderizan como:

?> _TODO_ unit test
?> _POR HACER_ prueba unitaria

## Ignore to compile link
## Ignorar la compilación del enlace

Some time we will put some other relative path to the link, you have to need to tell docsify you don't need to compile this link. For example
A veces usaremos alguna otra ruta relativa para el enlace, y debemos decirle a docsify que no necesitamos compilar este enlace. Por ejemplo:

```md
[link](/es//demo/)
[enlace](/demo/)
```

It will be compiled to `<a href="/#/demo/">link</a>` and will be loaded `/demo/README.md`. Maybe you want to jump to `/demo/index.html`.
Se compilará como `<a href="/#/demo/">enlace</a>` y cargará `/demo/README.md`. Tal vez desees saltar a `/demo/index.html`.

Now you can do that
Ahora puedes hacerlo así:

```md
[link](/es//demo/ ':ignore')
[enlace](/demo/ ':ignore')
```

You will get `<a href="/demo/">link</a>`html. Do not worry, you can still set title for link.
Obtendrás `<a href="/demo/">enlace</a>`. No te preocupes, aún puedes establecer el título para el enlace.

```md
[link](/es//demo/ ':ignore title')
[enlace](/demo/ ':ignore título')

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

## Set target attribute for link
## Establecer atributo de destino para el enlace

```md
[link](/es//demo ':target=_blank')
[link](/es//demo2 ':target=_self')
[enlace](/demo ':target=_blank')
[enlace](/demo2 ':target=_self')
```

## Disable link
## Deshabilitar el enlace

```md
[link](/es//demo ':disabled')
[enlace](/demo ':disabled')
```

## Github Task Lists
## Listas de tareas de GitHub

```md
* [ ] foo
* bar
* [x] baz
* [] bam <~ not working
* [ ] bim
* [ ] lim
- [ ] foo
- bar
- [x] baz
- [] bam <~ no funciona
- [ ] bim
- [ ] lim
```

* [ ] foo
* bar
* [x] baz
* [] bam <~ not working
* [ ] bim
* [ ] lim
- [ ] foo
- bar
- [x] baz
- [] bam <~ no funciona
- [ ] bim
- [ ] lim

## Imagen

### Cambiar tamaño

```md
![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](https://docsify.js.org/_media/icon.svg ':size=50x100')
![logo](https://docsify.js.org/_media/icon.svg ':size=100')
![logo](https://docsify.js.org/_media/icon.svg ':size=10%')

### Personalizar clase

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

### Personalizar ID

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

## Personalizar ID para encabezados

```md
### ¡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".

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

- Abc
- Abc

</details>
```

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

- Abc
- Abc

</details>

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

```markdown
<div style='color: red'>

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

</div>
```

<div style='color: red'>

- Abc
- Abc

</div>

0 comments on commit f771102

Please sign in to comment.