para quaisquer valores de
Não se preocupe se você não souber responder: apenas leia este artigo para se informar. Mas gostaria de chamar a atenção a outro detalhe: existem maneiras alternativas ao MathML ou ao mimetex para inserirmos equações em nossos posts. No que segue, daremos conselhos específicos para usuários do blogspot.
Para fazer isto, usamos o CodeCogs, que abriga um software que gera imagens automaticamente das equações assim que requisitado. No site, podemos criar equações de forma livre e verificar como elas ficam na hora, obtendo como resultado uma figura. É possível copiarmos a figura e adicionarmos em um post.
Há outro jeito um pouco mais esperto. Toda imagem é gerada usando um truquezinho. A integral pode ser gerada gerada com a tag
?
Não se preocupe se você não souber responder: apenas leia este artigo para se informar. Mas gostaria de chamar a atenção a outro detalhe: existem maneiras alternativas ao MathML ou ao mimetex para inserirmos equações em nossos posts. No que segue, daremos conselhos específicos para usuários do blogspot.
Para fazer isto, usamos o CodeCogs, que abriga um software que gera imagens automaticamente das equações assim que requisitado. No site, podemos criar equações de forma livre e verificar como elas ficam na hora, obtendo como resultado uma figura. É possível copiarmos a figura e adicionarmos em um post.
Há outro jeito um pouco mais esperto. Toda imagem é gerada usando um truquezinho. A integral pode ser gerada gerada com a tag
<img src="http://www.codecogs.com/eq.latex?\int x dx" />
Note que é a tag que indica uma imagem endereçada ao CodeCogs, terminando com a expresão em da equação que desejamos exibir. De forma geral, basta utilizar
Note que é a tag que indica uma imagem endereçada ao CodeCogs, terminando com a expresão em da equação que desejamos exibir. De forma geral, basta utilizar
<img src="http://www.codecogs.com/eq.latex?--CÓDIGO LATEX--" />
Não é necessário editar em modo html, basta inserir o código. Se a imagem não aparecer, mude para a edição html e volte imediatamente para o modo texto (denominado Escrever).
No caso de outros serviços de blog, como a WordPress, também é possível usar o serviço. Não há diferenças, basta inserir o código html de uma imagem endereçada como mostramos acima.
É extremamente importante tomar cuidado com o css de seu blog antes de brincar com essas coisas. As equações são imagens, e portanto estas imagens podem ter customizações ruins no css. Em nosso caso, utilizamos a seguinte customização para alinhar melhor as imagens ao texto:
Esta não é a customização padrão do blogspot.
Não é necessário editar em modo html, basta inserir o código. Se a imagem não aparecer, mude para a edição html e volte imediatamente para o modo texto (denominado Escrever).
No caso de outros serviços de blog, como a WordPress, também é possível usar o serviço. Não há diferenças, basta inserir o código html de uma imagem endereçada como mostramos acima.
Detalhes:
É extremamente importante tomar cuidado com o css de seu blog antes de brincar com essas coisas. As equações são imagens, e portanto estas imagens podem ter customizações ruins no css. Em nosso caso, utilizamos a seguinte customização para alinhar melhor as imagens ao texto:
.post img {
margin-top:0;
margin-$endSide:0;
margin-bottom: -3px;
margin-$startSide: 0;
padding:0px;
border:0px solid $borderColor;
}
margin-top:0;
margin-$endSide:0;
margin-bottom: -3px;
margin-$startSide: 0;
padding:0px;
border:0px solid $borderColor;
}
Esta não é a customização padrão do blogspot.
8 comentários:
Nossa! Nunca imaginei que pudesse ser tão simples. A única dificuldade fica sendo mesmo dominar os mistérios do Latex.
Valeu a dica Yoko!
Mto bom
Precisamos disso pra um blog como o nosso huauha x)
Fantástico, Yoko. Vou até deixar nos favoritos. Como disse o Rodrigo, só falta aprender LaTex agora. :b
Para qualquer auxílio, entrem em contato. Eu tenho uma apostila em fase avançada já (significa que já está usável), caso queiram.
Até.
Disponibiliza ela aí num post futuro.
Certamente.
Dá pra fazer isso usando o Google Charts também:
http://chart.apis.google.com/chart?cht=tx&chl=1%3D\frac{d^{2}u}{d\theta^{2}}%2Bu
Isso me ajudou bastante. Nunca imaginei q fosse tão simples. Obrigado e Parabéns pelo Blog, mt shoow!!
Postar um comentário