Skip to content

Commit f771102

Browse files
authored
Update helpers.md
1 parent e78c118 commit f771102

File tree

1 file changed

+116
-39
lines changed

1 file changed

+116
-39
lines changed

helpers.md

+116-39
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,161 @@
11
# Doc helper
22

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

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

9-
Important content like:
9+
Contenido importante como:
1010

1111
```markdown
12-
!> **Time** is money, my friend!
12+
!> ¡**El tiempo** es dinero, amigo!
1313
```
1414

15-
is rendered as:
15+
se renderiza como:
1616

17-
!> **Time** is money, my friend!
17+
!> ¡**El tiempo** es dinero, amigo!
1818

19-
## General tips
19+
## Consejos generales
2020

21-
General tips like:
21+
Consejos generales como:
2222

2323
```markdown
24-
?> _TODO_ unit test
24+
?> _POR HACER_ prueba unitaria
2525
```
2626

27-
are rendered as:
27+
se renderizan como:
2828

29-
?> _TODO_ unit test
29+
?> _POR HACER_ prueba unitaria
3030

31-
## Ignore to compile link
31+
## Ignorar la compilación del enlace
3232

33-
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
33+
A veces usaremos alguna otra ruta relativa para el enlace, y debemos decirle a docsify que no necesitamos compilar este enlace. Por ejemplo:
3434

3535
```md
36-
[link](/es//demo/)
36+
[enlace](/demo/)
3737
```
3838

39-
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`.
39+
Se compilará como `<a href="/#/demo/">enlace</a>` y cargará `/demo/README.md`. Tal vez desees saltar a `/demo/index.html`.
4040

41-
Now you can do that
41+
Ahora puedes hacerlo así:
4242

4343
```md
44-
[link](/es//demo/ ':ignore')
44+
[enlace](/demo/ ':ignore')
4545
```
4646

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

4949
```md
50-
[link](/es//demo/ ':ignore title')
50+
[enlace](/demo/ ':ignore título')
5151

52-
<a href="/demo/" title="title">link</a>
52+
<a href="/demo/" título="título">enlace</a>
5353
```
5454

55-
## Set target attribute for link
55+
## Establecer atributo de destino para el enlace
5656

5757
```md
58-
[link](/es//demo ':target=_blank')
59-
[link](/es//demo2 ':target=_self')
58+
[enlace](/demo ':target=_blank')
59+
[enlace](/demo2 ':target=_self')
6060
```
6161

62-
## Disable link
62+
## Deshabilitar el enlace
6363

6464
```md
65-
[link](/es//demo ':disabled')
65+
[enlace](/demo ':disabled')
6666
```
6767

68-
## Github Task Lists
68+
## Listas de tareas de GitHub
6969

7070
```md
71-
* [ ] foo
72-
* bar
73-
* [x] baz
74-
* [] bam <~ not working
75-
* [ ] bim
76-
* [ ] lim
71+
- [ ] foo
72+
- bar
73+
- [x] baz
74+
- [] bam <~ no funciona
75+
- [ ] bim
76+
- [ ] lim
7777
```
7878

79-
* [ ] foo
80-
* bar
81-
* [x] baz
82-
* [] bam <~ not working
83-
* [ ] bim
84-
* [ ] lim
79+
- [ ] foo
80+
- bar
81+
- [x] baz
82+
- [] bam <~ no funciona
83+
- [ ] bim
84+
- [ ] lim
85+
86+
## Imagen
87+
88+
### Cambiar tamaño
89+
90+
```md
91+
![logo](https://docsify.js.org/_media/icon.svg ':size=ANCHOxALTO')
92+
![logo](https://docsify.js.org/_media/icon.svg ':size=50x100')
93+
![logo](https://docsify.js.org/_media/icon.svg ':size=100')
94+
95+
<!-- Soporta porcentaje -->
96+
97+
![logo](https://docsify.js.org/_media/icon.svg ':size=10%')
98+
```
99+
100+
![logo](https://docsify.js.org/_media/icon.svg ':size=50x100')
101+
![logo](https://docsify.js.org/_media/icon.svg ':size=100')
102+
![logo](https://docsify.js.org/_media/icon.svg ':size=10%')
103+
104+
### Personalizar clase
105+
106+
```md
107+
![logo](https://docsify.js.org/_media/icon.svg ':class=algunaClaseCss')
108+
```
109+
110+
### Personalizar ID
111+
112+
```md
113+
![logo](https://docsify.js.org/_media/icon.svg ':id=algunaIdCss')
114+
```
115+
116+
## Personalizar ID para encabezados
117+
118+
```md
119+
### ¡Hola, mundo! :id=hola-mundo
120+
```
121+
122+
## Markdown en etiquetas HTML
123+
124+
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".
125+
126+
```markdown
127+
<details>
128+
<summary>Autoevaluación (Haz clic para expandir)</summary>
129+
130+
- Abc
131+
- Abc
132+
133+
</details>
134+
```
135+
136+
<details>
137+
<summary>Autoevaluación (Haz clic para expandir)</summary>
138+
139+
- Abc
140+
- Abc
141+
142+
</details>
143+
144+
El contenido de Markdown también se puede envolver en etiquetas HTML.
145+
146+
```markdown
147+
<div style='color: red'>
148+
149+
- elemento de lista
150+
- elemento de lista
151+
- elemento de lista
152+
153+
</div>
154+
```
155+
156+
<div style='color: red'>
157+
158+
- Abc
159+
- Abc
160+
161+
</div>

0 commit comments

Comments
 (0)