1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
|
+++
date = 2021-05-05T15:00:00Z
description = "Artículo de ejemplo que muestra la visualización de notaciones matemáticas, posible gracias a la biblioteca KaTeX."
draft = false
title = "Notación matemática"
updated = 2022-01-01T15:00:00Z
[extra]
keywords = "Math, Matematics, Notation, KaTeX, Mathematical Notation"
math = true
math_auto_render = true
series = "Features"
toc = true
[taxonomies]
tags = [
"Features",
"Components",
"Mathematics",
]
+++
Puede utilizar [KaTeX](https://katex.org) para representar notaciones matemáticas.
Puede activar el soporte $\\KaTeX$ globalmente, por sección o por página.
<!-- more -->
## Habilitar globalmente
Para habilitar el soporte $\\KaTeX$ globalmente, añada `math = true` bajo `[extra]` del `config.toml`
en la raíz de su sitio. También puede añadir `math_auto_render = true`
y cada sección y página de su sitio cargará la [extensión](https://katex.org/docs/autorender.html) KaTeX [autorender](https://katex.org/docs/autorender.html).
```toml
[extra]
math = true
math_auto_render = false
```
## Base por sección
Para habilitar el soporte $\\KaTeX$ en una sección en particular, añada `math = true` bajo `[extra]` en el `[SECTION_NAME]/_index.md`.
Ahora el component katex será renderizado, también puede añadir `math_auto_render = true`
y la sección de su sitio cargará la [extensión](https://katex.org/docs/autorender.html) KaTeX [autorender](https://katex.org/docs/autorender.html).
```toml
+++
[extra]
math = true
+++
```
## Por página
Para habilitar el soporte $\\KaTeX$ en una página en particular, añada `math = true` bajo `[extra]` en el frontmatter
de la página. Ahora el component katex será renderizado, también puede añadir `math_auto_render = true`
y la página de su sitio cargará la [extensión](https://katex.org/docs/autorender.html) KaTeX [autorender](https://katex.org/docs/autorender.html).
```toml
+++
[extra]
math = true
math_auto_render = true
+++
```
Es una buena práctica habilitar el soporte $\\KaTeX$ por página, ya que esto sólo cargará los archivos requeridos en esa página en particular, sin afectar la velocidad de carga de otras páginas. Si su sitio no es muy matemático, por favor NO habilite esta característica globalmente o por sección.
## Uso
Envuelva cualquier sintaxis $\\KaTeX$ [válida](https://katex.org/docs/supported.html) con `$...$` para Matemáticas en línea y `$$...$$` para Matemáticas en bloque.
### Matemáticas en línea
Esta es la ecuación más bonita que he visto nunca:
### Uso
{% raw %}
```rs
{% <katex block={false}> %}e^{i\pi}+1=0{% </katex> %}
```
{% endraw %}
### Salida
```html
{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %}
```
{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %}
### Matemáticas en bloque
Un poco de Matemáticas en modo visualización es suficiente:
### Uso
{% raw %}
```rs
{% <katex block={true}> %}\int_0^1 x^2 dx{% </katex> %}
```
{% endraw %}
### Salida
```html
{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %}
```
{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %}
### Uso
{% raw %}
```rs
{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %}
```
{% endraw %}
### Salida
```html
{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %}
```
{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %}
### Auto Render Inline
```tex
$ e^{i\pi}+1=0 $
```
$ e^{i\pi}+1=0 $
### Auto Render Bloque
```tex
$$
f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$
```
$$
f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$
|
