Aprenda a instalar o Katex no Blogger e passe a oferecer simbologia escrita em Latex para seus leitores. Ele é muito mais rápido do que o Mathjax. As renderizações são perfeitas e se encaixam precisamente no ambiente responsivo de um blog.
Para quem utiliza bastante simbologia matemática em Latex, como o site Khan Academy e Brainly, ou em em blogs matemáticos, como este blog e o O Baricentro da Mente, implementar um interpretador Latex que renderize ótimas equações é absolutamente indispensável.
Atualmente esse blog e outros que já criei e ajudo no gerenciamento, executa um interpretador de linguagem Latex. Há alguns bons softwares que oferecem um serviço estético impressionante, como o Mathjax, porém no quesito velocidade esse peca um pouquinho. Já o Katex impressiona demais quanto a sua velocidade em relação ao Mathjax, quanto a estética é o padrão como de costume.
Veja esse comparativo entre o Mathjax e Katex e depois terá a mesma reação que tive: nooossa! 😱 A diferença é gigantesca. E é por isso que escrevi essa postagem.
Depois de tanto tentar, consegui encontrar um jeito de rodar o Katex no Blogger, mas com algumas ressalvas importantes. Fique atento.
Veja um exemplo de página enumerada usando \begin {equation} no artigo Como Construir uma Espiral Pitagórica do blog O Baricentro da Mente.
E infelizmente esse ambiente específico não está disponível no Katex 0.10.0-beta. Mas, quem sabe em breve. Estou em contato com alguns membros do Khan Academy no Github e espero que melhorias estejam a caminho para as novas vesões, pois muitas pessoas perguntam sobre isso.
Portanto, se você tem um blog matemático ou de outra área que escreve simbologias em Latex usando com muita frequência \begin {equation}, atente para esse fato, não instale em seu blog.
No entanto, se o seu blog (como esse) não usa equações enumeradas automáticas usando o \begin {equation}, instale o Katex em seu blog e seja feliz! 😉
Acesse essa aula sobre Trigonometria com triângulos retângulos no Khan Academy e veja como a linguagem Latex é importante.
Dê um clique em qualquer área do código HTML e depois dê um Ctrl+F (pesquisar) e no campo de pesquisa que abriu e digite exatamente <head> e tecle ENTER. Esse trecho pesquisado ficará em destaque.
Exatamente abaixo de <head> adicione o código abaixo: É um CSS e dois JavaScript:
2º passo: último código.
Mais uma vez dê um clique em qualquer área do código HTML e depois dê um Ctrl+F (pesquisar) e no campo de pesquisa que abriu e digite exatamente </body> e tecle ENTER.Esse trecho pesquisado ficará em destaque.
Exatamente acima de </body> adicione o código abaixo: É um JavaScript:
Se o código não estiver aparecendo acima, copie através do meu Pastebin.
Pronto! Agora clique em Salvar tema. Clique no botão abaixo ver todas as funções que suporta o Katex.
[##external-link## Katex - Suporte]
Se seguiu outro processo diferente do referenciado acima, não recomendo retirar o Mathjax e instalar o Katex.
1º passo: abra o modo HTML do seu blog.
Dê um clique em qualquer área do código HTML e depois dê um Ctrl+F (pesquisar) e no campo de pesquisa que abriu e digite exatamente INICIO SCRIPT LATEX e tecle ENTER. Esse trecho pesquisado ficará em destaque.
Se você encontrar o código como mostrado na imagem abaixo, basta deletá-lo. Selecione de INICIO SCRIPT LATEX até FIM SCRIPT LATEX.
Depois de ter deletado, clique em Salvar tema.
2º passo: instalando o Katex.
Basta seguir os mesmos passos descritos em Instalação 1: Katex em um blog novo no Blogger e tem poucos artigos usando \begin{equation}.
Para escrever simbologia matemática inline (na mesma linha do texto) use cifrão simples.
Para escrever simbologia matemática em destaque (centralizada) use cifrão duplo.
Veja os exemplos abaixo:
Atualmente esse blog e outros que já criei e ajudo no gerenciamento, executa um interpretador de linguagem Latex. Há alguns bons softwares que oferecem um serviço estético impressionante, como o Mathjax, porém no quesito velocidade esse peca um pouquinho. Já o Katex impressiona demais quanto a sua velocidade em relação ao Mathjax, quanto a estética é o padrão como de costume.
Veja esse comparativo entre o Mathjax e Katex e depois terá a mesma reação que tive: nooossa! 😱 A diferença é gigantesca. E é por isso que escrevi essa postagem.
Depois de tanto tentar, consegui encontrar um jeito de rodar o Katex no Blogger, mas com algumas ressalvas importantes. Fique atento.
- [message]
- ##exclamation-circle## ATENÇÃO:
- Os testes e uso do Katex nesse blog foram instalados com a versão 0.10.0-beta. Antes de instalar em seu blog principal faça alguns testes em outro blog.
- [message]
- ##exclamation-circle## IMPORTANTE:
- O Katex não é um ambiente novo, porém alguns elementos muito úteis para quem escreve em Latex ainda não foram implementados em seus scripts.
- \begin{displaymath} ... \end{displaymath} – para inserir em linhas separadas do texto, sem numeração.
- \begin{equation} ... \end{equation} – para inserir em linhas separadas do texto, enumeradas
Veja um exemplo de página enumerada usando \begin {equation} no artigo Como Construir uma Espiral Pitagórica do blog O Baricentro da Mente.
E infelizmente esse ambiente específico não está disponível no Katex 0.10.0-beta. Mas, quem sabe em breve. Estou em contato com alguns membros do Khan Academy no Github e espero que melhorias estejam a caminho para as novas vesões, pois muitas pessoas perguntam sobre isso.
Portanto, se você tem um blog matemático ou de outra área que escreve simbologias em Latex usando com muita frequência \begin {equation}, atente para esse fato, não instale em seu blog.
No entanto, se o seu blog (como esse) não usa equações enumeradas automáticas usando o \begin {equation}, instale o Katex em seu blog e seja feliz! 😉
Um pouco sobre o Katex
Como disse anteriormente o Katex não é novo e seu desenvolvimento é muito ativo. Ele foi criado por Emily Eisenberg e Sophie Alpert para o Khan Academy, que oferece suporte a escrita em Latex em seu ambiente educacional. Isso faz toda a diferença para quem estuda por lá.Acesse essa aula sobre Trigonometria com triângulos retângulos no Khan Academy e veja como a linguagem Latex é importante.
Como instalar o interpretador Katex no Blogger
Atente para essas 3 situações:- O seu blog é novo e não escreve em Latex ainda? Se sim, vai nessa e instale o Katex. Você não precisa entender de Latex para escrever em Latex. Aqui no blog tem muitos artigos com dicas maravilhosas para escrever em Latex.
- Dica 1: Escreva equações usando apenas o mouse.
- Dica 2: Editor de equações matemáticas para o Chrome.
- Dica 3: Alternativa para editor de equações Latex online.
- O seu blog não é novo e tem centenas de artigos e ainda usando \begin {equation}? Se sim, não instale o Katex. Continue com o Mathjax que suporta tudo.
- O seu blog não é novo e tem um ou dois artigos usando \begin {equation}? Se sim, retire o Mathjax e instale o Katex.
Instalação 1: Katex em um blog novo no Blogger
1º passo: abra o modo HTML do seu blog.Dê um clique em qualquer área do código HTML e depois dê um Ctrl+F (pesquisar) e no campo de pesquisa que abriu e digite exatamente <head> e tecle ENTER. Esse trecho pesquisado ficará em destaque.
Exatamente abaixo de <head> adicione o código abaixo: É um CSS e dois JavaScript:
2º passo: último código.
Mais uma vez dê um clique em qualquer área do código HTML e depois dê um Ctrl+F (pesquisar) e no campo de pesquisa que abriu e digite exatamente </body> e tecle ENTER.Esse trecho pesquisado ficará em destaque.
Exatamente acima de </body> adicione o código abaixo: É um JavaScript:
Se o código não estiver aparecendo acima, copie através do meu Pastebin.
Pronto! Agora clique em Salvar tema. Clique no botão abaixo ver todas as funções que suporta o Katex.
Instalação 2: Tirando o Mathjax e instalando o Katex no Blogger
Esse processo se aplica somente se você instalou o Mathjax através do artigo Como instalar o interpretador Latex MathJax no Blogger? publicado no blog em 18 de dezembro de 2016 e atualizado em 11 de julho de 2018.Se seguiu outro processo diferente do referenciado acima, não recomendo retirar o Mathjax e instalar o Katex.
1º passo: abra o modo HTML do seu blog.
Dê um clique em qualquer área do código HTML e depois dê um Ctrl+F (pesquisar) e no campo de pesquisa que abriu e digite exatamente INICIO SCRIPT LATEX e tecle ENTER. Esse trecho pesquisado ficará em destaque.
Se você encontrar o código como mostrado na imagem abaixo, basta deletá-lo. Selecione de INICIO SCRIPT LATEX até FIM SCRIPT LATEX.
Depois de ter deletado, clique em Salvar tema.
2º passo: instalando o Katex.
Basta seguir os mesmos passos descritos em Instalação 1: Katex em um blog novo no Blogger e tem poucos artigos usando \begin{equation}.
Sobre os delimitadores do Katex
Como descritos no 2º passo da Instalação 1, os delimitadores que ativei com true e false, correspondem a utilizar os comandos em Latex, entre cifrão dólar simples $ e duplo $$.Para escrever simbologia matemática inline (na mesma linha do texto) use cifrão simples.
Para escrever simbologia matemática em destaque (centralizada) use cifrão duplo.
Veja os exemplos abaixo:
Exemplo com cifrão simples: $\displaystyle f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$.
O texto digitado foi:
Exemplo com cifrão simples: $\displaystyle f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$
Exemplo com cifrão duplo a equação ficará destacada (centralizada): $$\displaystyle f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$$.
O texto digitado foi:
Exemplo com cifrão duplo a equação ficará destacada (centralizada): $$\displaystyle f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$$ Concluindo
O Katex é uma bala! 😂
Se você encontrar alguma simbologia matemática em Latex sem ser renderizada, por favor me informe através desse formulário.
Oi Edigley, não sei se enviei o comentário, desculpe-me a duplicação.
ResponderExcluirDisse no texto anterior que tentei utilizar tanto o MathJax quanto o Katex e o Latex não renderiza. O html está sem erros, o layout é o mais básico possível, mas não funciona, cifrões continuam cifrões. Apenas uma única vez consegui um $\alpha$ e depois não mais. Pergunto, se você já incorreu em algo similar, esqueceu de setar alguma coisa, estou sem pistas.
Muito obrigado pela atenção e parabéns pelo blog.
Abraços
Olá, Bruno!
ExcluirVou atualizar este artigo agora (29/07). Volte aqui mais tarde ou amanhã.
Depois da mudança para um novo template do blog, este post ficou desconfigurado e talvez algum código pode estar fora de lugar.
No entanto, este script e CSS do Katex são os mesmos que estão instalados no blog desde 2018, data deste post.
Um abraço!
Bruno,
ExcluirAtualizei este post. Mas preciso saber se você está instalando o MathJax ou o Katex?
Este post destina-se apenas ao Katex.
Abraço!
Oi Edigley, na verdade, terminou funcionando com o MathJax. Veja você que caí numa armadilha, experiente que sou, ele só renderiza se todo o código Latex estiver numa única linha; e qualquer erro anterior no Latex, ele para de renderizar. Voltei ao princípio e comecei com $\alpha$ e saí adicionando elementos até perceber isso. Eu vou tentar o Katex agora e volto a escrever. Agradeço muito pela tua atenção e teu blog é realmente um grande tesouro. Parabéns e obrigado mais uma vez.
ResponderExcluirUm abraço!
Olá, Bruno!
ExcluirQue bom que deu certo! Sobre a renderização dentro de post, realmente é diferente como escrevemos em algum editor profissional, com preâmbulo e tudo mais.
Quando testar o Katex, comenta aqui o que achou.
Agradeço demais pelo seu apoio cara.
Um agrande abraço!
Olá Edigley,
ResponderExcluirConsegui utilizar os dois, o Katex é bem mais rápido e evita aquela respirada do Mathjax toda vez que a gente publica, realmente vale a pena.
Deixa eu adicionar uma info, ele também não implementou ainda o ambiente \begin{align*}..\end{align*}
que é muito utilizado quando a gente utiliza um editor WYSIWYG (What You See Is What You Get) tipo Lyx. A expressão abaixo por exemplo não funciona com Katex, mas funciona com o Mathjax:
$$\begin{align*}x+3 & =4\\x+\underset{0}{\underbrace{3-3}} & =4-3\\x & =1\end{align*}$$
Mas de forma nenhuma isso desmerece o Katex, que futuramente, certamente, vai incluir um conjunto maior de expressões do Latex.
Mais uma vez, agradeço pelas informações do teu blog e espero contribuir daqui por diante.
Um grande abraço!
Olá, Bruno!
ExcluirNeste post deixei um aviso sobre a não implementação dos ambientes de numeração de equações. Não acessei mais o GitHub do Katex para ver como andam as atualizações.
Eu que agradeço por você estar aqui e ficaria muito feliz em receber alguma contribuição da sua parte em relação a um post, por exemplo.
Um abraço!