Si alguna vez viste una Pagina Web con ecuaciones Matemáticas, FÃsicas, QuÃmicas, EstadÃsticas o Económicas este mini articulo-tutorial te interesa, comparto 2 maneras de insertar ecuaciones $$\LaTeX$$ en nuestra Web Site o Blog con MathJaX y $$\KaTeX$$.
Hace tiempo compartà como tener Ecuaciones LaTeX en Blogger, en base a esta, los siguientes métodos funcionan de manera ligero y eficaz. Una notación matemática elegante y adecuada en un sitio web o blog le da un mayor expresión y de comprensión para quienes acostumbramos expresarnos de manera formal, lógica y matemáticas, a continuación las dos maneras:
$$$f(x) = \frac{1}{2\pi i}\oint \frac{f(z)}{z-a} dz$$$
1. MathJax
Es una biblioteca javascript que permite visualizar fórmulas matemáticas en navegadores web, utilizando los lenguajes de marcado LaTeX o MathML de código abierto, mathjax se libera como software de fuente abierta bajo la Licencia Apache, los pasos son:
Es una biblioteca javascript que permite visualizar fórmulas matemáticas en navegadores web, utilizando los lenguajes de marcado LaTeX o MathML de código abierto, mathjax se libera como software de fuente abierta bajo la Licencia Apache, los pasos son:
1.1. Vamos a la plantilla editar de nuestra pagina web,
1.2. Copiar el Siguente código MathJax v2.7:
<!-- LaTeX con MathJax V2.7-->
|
1.3. Pegar en la cabecera de nuestra pagina web, o sea entre <head> y </head> de la plantilla, guardar, y listo para el uso (punto 3.) e insertar la ecuaciones matemáticas en nuestra Page.
2. KaTeX
Es otra biblioteca JavaScript que muestra la notación matemática en los navegadores web. Se pone especial énfasis en ser rápido y fácil de usar. Fue desarrollado inicialmente por la Academia Khan, actualmente funciona bajo la Licencia MIT, y los pasos son:
2.1. Vamos a la plantilla editar de nuestra pagina web,
2.2. Copiar el siguiente código KaTeX v0.7:
<!-- LaTeX con KaTeX V0.7 -->
|
2.4. Ahora copiar el siguiente código javascript:
<!-- LaTeX con KaTeX V0.7 -->
|
2.5. Pegar en el cuerpo, o sea entre <body> y </body> de la plantilla, guardar, y listo para el uso e insertar la ecuaciones matemáticas en nuestra Page.
3. Como Insertar la Ecuación
Si todo esta bien, está listo para insertar las ecuaciones matemáticas en su pagina web o blog. Para escribir una ecuación, todo código $$\LaTeX$$ debe ir entre signos de dólar $ (uno=alineado o dos=centrado) o entre \\( ecuación \\). Y para los que no estamos familiarizados con el editor LaTeX, CodeCogs es una ayuda que te permite obtener códigos LaTeX o TeX ademas de insertar ecuaciones HTML imagen en nuestra web.
Por ejemplo para insertar la ecuación de segundo grado ($$ax^{2}+bx +c=0$$), se escribe en sintaxis $$\TeX$$ de la siguiente manera: x_{(1,2)} = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} (obtenido de CodeCogs), y lo ponemos entre los signos de dolar, el resultado sera:
$$$x_{(1,2)} = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$$
Los otros ejemplos se puede ver en ecuaciones mas famosas. Cambien le puede interesar el truco de "Como cambiar fuente Cambria Math del editor de ecuaciones de Microsoft Word".
Referencias:
Referencias:
- https://www.mathjax.org/
- http://docs.mathjax.org/en/latest/start.html
- https://khan.github.io/KaTeX/
- http://www.storange.jp/2017/02/katex.html
- http://www.intmath.com/blog/mathematics/katex-a-new-way-to-display-math-on-the-web-9445
Hola, me interesa mucho esta publicación pero al hacer lo que me dices de las dos maneras no me sale la ecuación. Me puedes ayudar en decir donde exactamente voy a copiar el código latex?
ResponderBorrarGracias.
El código $$\LaTeX$$ puede ir en cualquier parte de la pagina o blog entre signo/signos de dólar $en este caso.
Borrar$x^2+\int_x dd\mu$
ResponderBorrar