Ecuaciones Matematicas LaTeX con Mathjax y KaTeX en Paginas Web o Blogs

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 ...


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.

$$$f(x) = \frac{1}{2\pi i}\oint \frac{f(z)}{z-a} dz$$$



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:

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:

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-->
<script type='text/x-mathjax-config'>
  MathJax.Hub.Config({
    extensions: [&quot;tex2jax.js&quot;],
    jax: [&quot;input/TeX&quot;, &quot;output/HTML-CSS&quot;],
    tex2jax: {
      inlineMath: [ [&#39;$&#39;,&#39;$&#39;], [&quot;\\(&quot;,&quot;\\)&quot;] ],
      displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&quot;\\[&quot;,&quot;\\]&quot;] ],
      processEscapes: true
    },
    &quot;HTML-CSS&quot;: { availableFonts: [&quot;TeX&quot;] }
  });</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML' type='text/javascript'/>

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 -->
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/contrib/auto-render.min.js'/>
2.3. Pegar en la cabecera, entre <head> y </head> de la plantilla,
2.4. Ahora copiar el siguiente código javascript:
<!-- LaTeX con KaTeX V0.7 -->
<script>
  renderMathInElement(
    document.body,
    {
      delimiters: [
        {left: &quot;$$&quot;, right: &quot;$$&quot;, display: true},
        {left: &quot;$&quot;, right: &quot;$&quot;, display: false},
        {left: &quot;\\[&quot;, right: &quot;\\]&quot;, display: true},
        {left: &quot;\\(&quot;, right: &quot;\\)&quot;, display: false}
      ],
      ignoredTags: [
        &quot;script&quot;,
        &quot;noscript&quot;,
        &quot;style&quot;,
        &quot;textarea&quot;,
        &quot;pre&quot;,
        &quot;code&quot;
      ]
    }
  );
</script>

 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}$$$ 

COMENTARIOS

GOOGLE
[post_ads]
Contabilidad,2,EconomiaPolitica,3,Estadisticas,1,EvaluacionProyectos,43,FinanzasCorporativas,8,GasPetroleo,5,GestionCalidad,2,GestionProduccion,13,GestionProyectos,10,IdentificacionProyectos,6,Imagenes,3,IngenieriaAmbiental,5,IngenieriaElectrica,4,IngenieriaIndustrial,4,IngenieriaLegal,5,IngenieriaMetodos,3,IngenieriaTransporte,5,Internet,6,InvestigacionOperaciones,3,Lean,7,Libros,6,Logistica,1,Logo,3,Macroeconomia,4,Matematicas,5,Microeconomia,9,Mineria,8,OPINION,14,OptimizacionDinamica,7,PaginaWeb,6,PlanNegocios,3,PreparacionProyectos,31,SeguridadIndustrial,4,Variedad,11,
ltr
item
Ruben Apaza: Ecuaciones Matematicas LaTeX con Mathjax y KaTeX en Paginas Web o Blogs
Ecuaciones Matematicas LaTeX con Mathjax y KaTeX en Paginas Web o Blogs
https://1.bp.blogspot.com/-LXwVWq8JTWM/WUXN8I4xugI/AAAAAAAADbE/ASbezpefxBItZBmZX_ECI9PFz6WZL0lEwCLcBGAs/s1600/latex_mathjax_katex_web.png
https://1.bp.blogspot.com/-LXwVWq8JTWM/WUXN8I4xugI/AAAAAAAADbE/ASbezpefxBItZBmZX_ECI9PFz6WZL0lEwCLcBGAs/s72-c/latex_mathjax_katex_web.png
Ruben Apaza
https://www.rubenapaza.com/2017/06/ecuaciones-latex-mathjax-katex-pagina.html
https://www.rubenapaza.com/
https://www.rubenapaza.com/
https://www.rubenapaza.com/2017/06/ecuaciones-latex-mathjax-katex-pagina.html
true
6705892616169174074
UTF-8
Cargando toda las entradas No se encontró entrada VER TODO Leer mas Responder Cancelar Borrar Por Inicio PAGINAS ENTRADA Ver todo RELACIONADO CON... ETIQUETA ARCHIVO BUSCAR TODA LAS ENTRADAS No se encontró ningún resultado con tu pregunta Volver al inicio Domingo Lunes Martes Miercoles Jueves Viernes Sabado Dom Lun Mar Mie Jue Vie Sab Enero Febrero Marzo Abril Mayo Junio Julio Agusto Septiembre Octubre Noviembre Diciembre Ene Feb Mar Abr Mayo Jun Jul Ago Sep Oct Nov Dic ahora 1 minuto $$1$$ minutos 1 hora $$1$$ horas Ayer $$1$$ dias $$1$$ semanas hace 1 mes Seguidores Seguir ESTE CONTENIDO ES PREMIUM Comparte para desbloquear Copiar todo el código Seleccionar todo el código Todos los códigos se copiaron en el portapapeles No puede copiar los códigos / textos, por favor presione [CTRL]+[C] (o CMD+C con Mac) para copiar