TeX и этих. TeX в блоге

Раз уж у меня возникло желание проводить мастер классы по ТеХу, то я решил создать себе комфортные условия для этого. Вопрос подсветки синтаксиса уже решён, осталось самое интересное: выяснить как показывать прямо в блоге результат вывода системы TeX.

После непродолжительного гугления был найден замечательный пост, в котором описано несколько способов реализации показа формул в блоге. Коротко говоря есть два различных направления в решении этой задачи: оформлять рисунки, где в URL вписывать код формулы, это будет выглядеть примерно так:

или подключать java-скрипт и дальше оформлять текст формул в специальных окружениях.

Мне первый способ не понравился потому что редактировать потом эти рисунки не так-то просто, и в способе от google.api нельзя, например, использовать знак "-" - его надо заменять URL-кодом %2B. Способы со скриптами показались более удобными, но подключить скрипты описанные здесь  не получилось. 

Решение проблемы было найдено вот в этом блоге: необходимо в настройках блога нажать "Дизайн-> Элементы страницы-> Добавить гаджет", выбрать тип гаджета - HTML/Javascript и ввести следующий код:

<script src="http://www.watchmath.com/cgi-bin/mathtex3.js" type="text/javascript"></script>

<script type="text/javascript">

replaceMath( document.body );</script>

<a href="http://www.watchmath.com">

<img src="http://www.watchmath.com/images/formula.png" alt="" width="100" /></a>

<a href="http://watchmath.com/vlog/?p=438">

Math Formula?</a>

После того, как такой гаджет будет добавлен, в тексте постов блога можно использовать стандартные окружения для формул: "$  $" и "$ \backslash[ ... \backslash] $"!

Вот пример: \[ x = \frac{-b\pm \sqrt{b^2-4ac}}{2a} \]

Этот способ значительно удобней: формулы легко редактировать, копировать в текст сообщений, выглядят они замечательно! Пользуемся на здоровье!

П.С. и да, в новом гаджете будет отображена картинка и ссылка на сайт http://www.watchmath.com. Это делается не из корысти ради, а токмо волею того, чтобы каждый заинтересовавшийся мог настроить это и у себя! Убрать картинку можно, удалив из нашего скрипта вот эту часть:

<a href="http://www.watchmath.com">

<img src="http://www.watchmath.com/images/formula.png" alt="" width="100" /></a>

<a href="http://watchmath.com/vlog/?p=438">

Math Formula?</a>

Дополнено:


Как записать "$" знак?
- используем $!$!$!$ чтобы написать один знак $!$

Используем $!${\latexcode}$!$ для отображения "исходного кода latex"