Ecuaciones LaTeX en Blogger o Pagina Web

A sugerencia de un par de solicitudes y para quienes les gusta el editor de textos y ecuaciones TeX (LaTeX) o MathML - hasta en la sopa - comparto la manera de insertar la misma en blogger (blogspot.com) o en una pagina web.


Después de varios intentos con codigos JavaScripts y HTMLs de la red al fin logre que me funcionara ligero y eficazmente. Por que una notacion matemática, fisica, quimica o economica adecuada en un sitio web o blog le da un mayor expresión y de comprensión para quienes acostumbramos expresarnos en ecuaciones matematicas.
Este método hace uso de MathJax un código abierto motor de visualización JavaScript para matemáticas. Y los pasos son:

1.- Iniciamos sesión en Blogger y vamos a: plantilla → Editar HTML,
2.- Copiar el Siguente código, MathJax V1.1
[<!-- LaTeX con MathJax V1.1-->
<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='path-to-MathJax/MathJax.js' type='text/javascript'/>
<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML' type='text/javascript'/>]

3.- Pergar entre <head> y </head> de la plantilla, guardar y salir, y esta listo para ser usado.

Ahora está listo para usar LaTeX en su blog. Para escribir una ecuación, todo código $$\LaTeX$$ - como sabemos - debe ir entre signos de dólar $ (uno=lineal o dos=centreado). Y para los que estan familiarizados con el editor, CodeCogs es una ayuda importante.
Por ejemplo la bien conocida solución de 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}, y lo ponemos entre los signos de dolar, el resultado sera:
$$$x_{(1,2)} = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$$
Y otros ejemplos se puede ver en ecuaciones mas famosas. Otra alternativa es KaTeX (ver en Ecuaciones Matematicas LaTeX con Mathjax y KaTeX) que muestra la notación matemática en los navegadores web. Se pone especial énfasis en ser rápido y fácil de usar, También le puede interesar el truco de "Como cambiar fuente Cambria Math del editor de ecuaciones de Microsoft Word".

Referencias: 
http://docs.mathjax.org/en/latest/start.html

COMENTARIOS:

GOOGLE: 9
  1. Muchas gracias por esta entrada.
    He probado lo que dices y parece que funciona, ¡genial! Pero tengo un problema: lo que escribo entre $$ lo interpreta como código Latex, como debe ser, pero cualquier cosa que escriba entre paréntesis ¡también!. Resulta bastante engorroso... ¿Tienes idea de por qué me pasa esto?

    ResponderBorrar
    Respuestas
    1. también me alegre cuando hice funcionar, la aplicación interpreta todo lo que este entre los signos de dolar como lo hace $LATEX$,seguramente el paréntesis debe estar dentro de los signos, seria que lo veas...

      Borrar
    2. Luis García, yo tenia el mismo problema pero lo solucioné cambiando el código en el template, puedes revisar el código acá.

      http://apuntesdeelectronicaycontrol.blogspot.com/2014/02/como-integrar-latex-blogger.html

      PD: Ruben, buen blog y sigue adelante.

      Borrar
  2. Luis García, para resolver el problema simplemente antepone el símbolo \ al símbolo $. Por ejemplo \$ \sin²(\theta) + \cos²(\theta) = 1 \$. --- http://ifaire.blogspot.com/ ---

    ResponderBorrar
  3. Uso mi celular y con el chrome y no se ve las formulas solo el lenguaje, pena ya q ahora muchos usamos mas celular q computadora. Pero gracias por el aporte

    ResponderBorrar
  4. Gracias!, gracias!!! gracias!!!!!!!

    ResponderBorrar
  5. Muy bueno lo estoy usando en mi blogger https://calculo-iefm.blogspot.com/ y en https://calculo-iefm.blogspot.com/ Muchas gracias

    ResponderBorrar

Nombre

Contabilidad,5,Corporativa,4,EconomiaPolitica,5,Emprendedor,3,Estadisticas,8,EvaluacionProyectos,49,FinanzasCorporativas,12,GasPetroleo,6,GestionCalidad,2,GestionProduccion,16,GestionProyectos,16,IdentificacionProyectos,11,Imagenes,4,IngenieriaAmbiental,5,IngenieriaElectrica,4,IngenieriaIndustrial,10,IngenieriaLegal,8,IngenieriaMetodos,3,IngenieriaTransporte,5,Internet,8,InvestigacionOperaciones,3,Lean,10,Libros,6,Logistica,1,Logo,3,Macroeconomia,6,Matematicas,6,Microeconomia,12,Mineria,12,OPINION,17,OptimizacionDinamica,7,PaginaWeb,7,PlanNegocios,4,PreparacionProyectos,37,PROYECTOS,11,raXL,3,SeguridadIndustrial,4,Software,5,Variedad,16,
ltr
item
Ruben Apaza: Ecuaciones LaTeX en Blogger o Pagina Web
Ecuaciones LaTeX en Blogger o Pagina Web
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptCQUTmOB33bufowSAFNEnixcD8ZbWo1_fdSPX6VlEYgxEaGntuqIIAbENr2q1DaogJgOrxxg91cX_Np8VZDKo60FomJXLACaL7JNzx0VPj7YmUGGdFp-T9Goq4iuM75impt7lJjaGvk/s640/LaTeX+MathJax+Blogger.PNG
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptCQUTmOB33bufowSAFNEnixcD8ZbWo1_fdSPX6VlEYgxEaGntuqIIAbENr2q1DaogJgOrxxg91cX_Np8VZDKo60FomJXLACaL7JNzx0VPj7YmUGGdFp-T9Goq4iuM75impt7lJjaGvk/s72-c/LaTeX+MathJax+Blogger.PNG
Ruben Apaza
https://ruben-apaza.blogspot.com/2013/03/ecuaciones-latex-blogger.html
https://ruben-apaza.blogspot.com/
https://ruben-apaza.blogspot.com/
https://ruben-apaza.blogspot.com/2013/03/ecuaciones-latex-blogger.html
true
6705892616169174074
UTF-8
Cargando... No encontrado VER TODO Leer mas Replica Cancelar Borrar Por Portada PAGINAS PUBLICACIONES Ver todo RELACIONADOS Y RECOMENDADOS ETIQUETA ARCHIVO BUSCAR TODOS No se encontró ninguna publicación Volver al inicio Domingo Lunes Martes Miércoles Jueves Viernes Sabado Dom Lun Mar Mie Jue Vie Sab Enero Febrero Marzo Abril Mayo Junio Julio Agosto Septiembre Octubre Noviembre Diciembre Ene Feb Mar Abr Mayo Jun Jul Ago Sep Oct Nov Dic Ahora Hace 1 minuto Hace $$1$$ minutos Hace 1 hora Hace $$1$$ horas Ayer Hace $$1$$ dias Hace $$1$$ semanas Hace mas de 5 semanas Seguidores Seguir DESCARGA PREMIUM BLOQUEADO! PASO 1: Para desbloquear, comparte en una red social. PASO 2: Haga clic en el enlace que compartiste. Copiar todo el código Seleccionar todo el código Todo los códigos fueron copiados a su portapapeles. Si no copia los códigos / textos, presione [CTRL] + [C] (o CMD + C en Mac) para copiar. Table of Content