You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: es/code.mdx
+3-1Lines changed: 3 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -73,6 +73,8 @@ Activa el resaltado de sintaxis especificando el lenguaje de programación despu
73
73
74
74
Usamos [Shiki](https://shiki.style/) para el resaltado de sintaxis y admitimos todos los lenguajes disponibles. Consulta la lista completa de [lenguajes](https://shiki.style/languages) en la documentación de Shiki.
75
75
76
+
Personaliza globalmente los temas de los bloques de código usando `styling.codeblocks` en tu archivo `docs.json`. Establece temas simples como `system` o `dark`, o configura [temas de Shiki](https://shiki.style/themes) personalizados para los modos claro y oscuro. Consulta [Configuración](/es/settings#styling) para ver las opciones disponibles.
77
+
76
78
<CodeGroup>
77
79
```java Ejemplo de resaltado de sintaxis
78
80
classHelloWorld {
@@ -82,7 +84,7 @@ Usamos [Shiki](https://shiki.style/) para el resaltado de sintaxis y admitimos t
Copy file name to clipboardExpand all lines: es/components/code-groups.mdx
+24-27Lines changed: 24 additions & 27 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,64 +4,61 @@ description: "Muestra varios ejemplos de código en un solo componente"
4
4
icon: "group"
5
5
---
6
6
7
-
Usa el componente `CodeGroup` para mostrar varios bloques de código en una interfaz con pestañas, lo que permite a los usuarios comparar implementaciones en distintos lenguajes de programación o ver enfoques alternativos para la misma tarea.
7
+
Usa el componente `CodeGroup` para mostrar varios bloques de código en una interfaz con Tabs, lo que permite a los usuarios comparar implementaciones en distintos lenguajes de programación o ver enfoques alternativos para la misma tarea.
8
8
9
9
<CodeGroup>
10
+
```javascript helloWorld.js
11
+
console.log("Hello World");
12
+
```
10
13
11
-
```javascript helloWorld.js
12
-
console.log("Hello World");
13
-
```
14
-
15
-
```python hello_world.py
16
-
print('Hello World!')
17
-
```
18
-
19
-
```java HelloWorld.java
20
-
classHelloWorld {
21
-
publicstaticvoidmain(String[] args) {
22
-
System.out.println("Hello, World!");
23
-
}
24
-
}
25
-
```
14
+
```python hello_world.py
15
+
print('Hello World!')
16
+
```
26
17
18
+
```java HelloWorld.java
19
+
classHelloWorld {
20
+
publicstaticvoidmain(String[] args) {
21
+
System.out.println("Hello, World!");
22
+
}
23
+
}
24
+
```
27
25
</CodeGroup>
28
26
29
-
27
+
Los grupos de código heredan los estilos globales de tu archivo `docs.json`. Personaliza tu tema usando `styling.codeblocks`. Consulta [Settings](/es/settings#styling) para ver las opciones de configuración.
30
28
31
29
<divid="creating-code-groups">
32
30
## Creación de grupos de código
33
31
</div>
34
32
35
-
Para crear un grupo de código, envuelve varios bloques de código con las etiquetas `<CodeGroup>`. Cada bloque de código debe incluir un título, que se convertirá en la etiqueta de la pestaña.
33
+
Para crear un grupo de código, envuelve varios bloques de código con etiquetas `<CodeGroup>`. Cada bloque de código debe incluir un título, que se convertirá en la etiqueta de la Tab.
36
34
37
35
````mdx
38
36
<CodeGroup>
39
37
40
38
```javascript helloWorld.js
41
-
console.log("Hello World");
39
+
console.log("Hola Mundo");
42
40
```
43
41
44
42
```python hello_world.py
45
-
print('Hello World!')
43
+
print('¡Hola Mundo!')
46
44
```
47
45
48
46
```java HelloWorld.java
49
47
classHelloWorld {
50
48
publicstaticvoidmain(String[] args) {
51
-
System.out.println("Hello, World!");
49
+
System.out.println("¡Hola, Mundo!");
52
50
}
53
51
}
54
52
```
55
53
56
54
</CodeGroup>
57
55
````
58
56
59
-
60
57
<divid="language-dropdown">
61
-
## Menú de idioma
58
+
## Menú desplegable de idiomas
62
59
</div>
63
60
64
-
Puedes reemplazar las pestañas de un grupo de código por un menú desplegable para alternar entre idiomas usando la prop `dropdown`.
61
+
Puedes sustituir las pestañas de un grupo de código por un menú desplegable para cambiar entre idiomas usando la prop `dropdown`.
65
62
66
63
<CodeGroupdropdown>
67
64
```javascript helloWorld.js
@@ -85,17 +82,17 @@ Puedes reemplazar las pestañas de un grupo de código por un menú desplegable
Copy file name to clipboardExpand all lines: es/settings.mdx
+78-31Lines changed: 78 additions & 31 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -47,7 +47,7 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
47
47
<ResponseFieldname="theme"required>
48
48
El tema de diseño de tu sitio.
49
49
50
-
Una de las siguientes: `mint`, `maple`, `palm`, `willow`, `linden`, `almond`, `aspen`.
50
+
Una de las siguientes opciones: `mint`, `maple`, `palm`, `willow`, `linden`, `almond`, `aspen`.
51
51
52
52
Consulta [Temas](es/themes) para más información.
53
53
</ResponseField>
@@ -57,31 +57,31 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
57
57
</ResponseField>
58
58
59
59
<ResponseFieldname="colors"type="object"required>
60
-
Los colores usados en tu documentación. Los colores se aplican de forma diferente según el tema. Si solo proporcionas un color principal, se usará para todos los elementos de color.
60
+
Los colores usados en tu documentación. Se aplican de forma distinta según el tema. Si solo proporcionas un color principal, se usará para todos los elementos de color.
El color usado para botones y estados de hover en los modos claro y oscuro, con alguna variación según el tema.
76
+
El color usado para botones y estados de hover en los modos claro y oscuro, con algunas variaciones según el tema.
77
77
78
78
Debe ser un código hexadecimal que comience con `#`.
79
79
</ResponseField>
80
80
</Expandable>
81
81
</ResponseField>
82
82
83
83
<ResponseFieldname="description"type="string">
84
-
Descripción de tu sitio para SEO e indexación en IA.
84
+
Descripción de tu sitio para SEO e indexación por IA.
85
85
</ResponseField>
86
86
87
87
<ResponseFieldname="logo"type="string or object">
@@ -97,13 +97,13 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
97
97
</ResponseField>
98
98
99
99
<ResponseFieldname="href"type="string (uri)">
100
-
La URL a la que redirigir al hacer clic en el logotipo. Si no se proporciona, el logotipo enlazará a tu página de inicio. Ejemplo: `https://mintlify.com`
100
+
La URL a la que se redirige al hacer clic en el logotipo. Si no se proporciona, el logotipo enlazará a tu página de inicio. Ejemplo: `https://mintlify.com`
101
101
</ResponseField>
102
102
</Expandable>
103
103
</ResponseField>
104
104
105
105
<ResponseFieldname="favicon"type="string or object">
106
-
Ruta a tu archivo de favicon, incluida la extensión. Se redimensiona automáticamente a los tamaños de favicon apropiados.
106
+
Ruta a tu archivo de favicon, incluida la extensión. Se redimensiona automáticamente a los tamaños de favicon adecuados.
107
107
Puede ser un único archivo o archivos separados para los modos claro y oscuro. Ejemplo: `/favicon.png`
108
108
109
109
<Expandabletitle="Favicon">
@@ -118,15 +118,15 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
118
118
</ResponseField>
119
119
120
120
<ResponseFieldname="thumbnails"type="object">
121
-
Personalización de miniaturas para redes sociales y vistas previas de página.
121
+
Personalización de miniaturas para redes sociales y vistas previas de páginas.
El estilo del eyebrow de la página. Elige `section` para mostrar el nombre de la sección o `breadcrumbs` para mostrar la ruta de navegación completa. El valor predeterminado es `section`.
139
+
Estilo del eyebrow de la página. Elige `section` para mostrar el nombre de la sección o `breadcrumbs` para mostrar la ruta de navegación completa. De forma predeterminada es `section`.
El tema de los bloques de código. Elige `system` para que coincida con el tema del sitio o `dark` para bloques de código siempre oscuros. El valor predeterminado es `system`.
Biblioteca de íconos que se usará en toda tu documentación. De forma predeterminada es `fontawesome`.
200
+
Biblioteca de iconos para usar en toda tu documentación. De forma predeterminada es `fontawesome`.
154
201
155
202
<Note>
156
-
Puedes especificar una URL a un ícono alojado externamente, la ruta a un archivo de ícono en tu proyecto o código SVG compatible con JSX para cualquier ícono individual, independientemente de la configuración de la biblioteca.
203
+
Puedes especificar una URL a un icono alojado externamente, la ruta a un archivo de icono en tu proyecto o código SVG compatible con JSX para cualquier icono individual, independientemente de la configuración de la biblioteca.
157
204
</Note>
158
205
</ResponseField>
159
206
</Expandable>
@@ -162,37 +209,37 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
162
209
<ResponseFieldname="fonts"type="object">
163
210
Configuración de fuentes para tu documentación. La fuente predeterminada es [Inter](https://fonts.google.com/specimen/Inter).
164
211
165
-
<Expandabletitle="Fonts">
212
+
<Expandabletitle="Fuentes">
166
213
<ResponseFieldname="family"type="string"required>
167
214
Familia tipográfica, por ejemplo, "Open Sans".
168
215
</ResponseField>
169
216
170
217
<ResponseFieldname="weight"type="number">
171
-
Peso de la fuente, por ejemplo, 400 o 700. Las fuentes variables admiten pesos precisos como 550.
218
+
Grosor de la fuente, como 400 o 700. Las fuentes variables admiten grosores precisos como 550.
172
219
</ResponseField>
173
220
174
221
<ResponseFieldname="source"type="string (uri)">
175
-
URL del origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se carga automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
222
+
URL de origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se cargan automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
Anula la configuración de la fuente específicamente para los encabezados.
230
+
Sobrescribe la configuración de fuentes específicamente para los encabezados.
184
231
185
-
<Expandabletitle="Heading">
232
+
<Expandabletitle="Encabezado">
186
233
<ResponseFieldname="family"type="string"required>
187
234
Familia tipográfica, por ejemplo, "Open Sans", "Playfair Display".
188
235
</ResponseField>
189
236
190
237
<ResponseFieldname="weight"type="number">
191
-
Peso de la fuente, por ejemplo, 400 o 700. Las fuentes variables admiten pesos precisos como 550.
238
+
Grosor de la fuente, como 400 o 700. Las fuentes variables admiten grosores precisos como 550.
192
239
</ResponseField>
193
240
194
241
<ResponseFieldname="source"type="string (uri)">
195
-
URL del origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se carga automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
242
+
URL de origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se cargan automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
@@ -202,19 +249,19 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
202
249
</ResponseField>
203
250
204
251
<ResponseFieldname="body"type="object">
205
-
Anula la configuración de la fuente específicamente para el texto del cuerpo.
252
+
Sobrescribe la configuración de fuentes específicamente para el texto del cuerpo.
206
253
207
-
<Expandabletitle="Body">
254
+
<Expandabletitle="Cuerpo">
208
255
<ResponseFieldname="family"type="string"required>
209
256
Familia tipográfica, por ejemplo, "Open Sans", "Playfair Display".
210
257
</ResponseField>
211
258
212
259
<ResponseFieldname="weight"type="number">
213
-
Peso de la fuente, por ejemplo, 400 o 700. Las fuentes variables admiten pesos precisos como 550.
260
+
Grosor de la fuente, como 400 o 700. Las fuentes variables admiten grosores precisos como 550.
214
261
</ResponseField>
215
262
216
263
<ResponseFieldname="source"type="string (uri)">
217
-
URL del origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se carga automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
264
+
URL de origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se cargan automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
Modo de tema predeterminado. Elige `system` para ajustarte a la configuración del SO del usuario, o `light` o `dark` para forzar un modo específico. De forma predeterminada es `system`.
280
+
Modo de tema predeterminado. Elige `system` para que coincida con la configuración del sistema operativo del usuario, o `light` o `dark` para forzar un modo específico. De manera predeterminada es `system`.
234
281
</ResponseField>
235
282
236
283
<ResponseFieldname="strict"type="boolean">
237
-
Si se debe ocultar el conmutador de modo claro/oscuro. De forma predeterminada es `true`.
284
+
Indica si se debe ocultar el cambio de modo claro/oscuro. El valor predeterminado es `true`.
Copy file name to clipboardExpand all lines: fr/code.mdx
+3-1Lines changed: 3 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -69,10 +69,12 @@ Vous pouvez ajouter des options méta à vos code blocks pour personnaliser leur
69
69
### Coloration syntaxique
70
70
</div>
71
71
72
-
Activez la coloration syntaxique en indiquant le langage de programmation après les backticks d’ouverture d’un code block.
72
+
Activez la coloration syntaxique en indiquant le langage de programmation après les premiers backticks d’un code block.
73
73
74
74
Nous utilisons [Shiki](https://shiki.style/) pour la coloration syntaxique et prenons en charge tous les langages disponibles. Consultez la liste complète des [langages](https://shiki.style/languages) dans la documentation de Shiki.
75
75
76
+
Personnalisez globalement les thèmes des code blocks via `styling.codeblocks` dans votre fichier `docs.json`. Définissez des thèmes simples comme `system` ou `dark`, ou configurez des [thèmes Shiki](https://shiki.style/themes) personnalisés pour les modes clair et sombre. Voir [Paramètres](/fr/settings#styling) pour les options de configuration.
![locadex-agent[bot]](https://avatars.githubusercontent.com/in/1436158?v=4&size=40){kind=avatar}
0 commit comments