воскресенье, 25 декабря 2011 г.

Математические формулы в blogger

Необходимо вставить формулы в блог. В принципе, есть несколько способов это сделать:
  • расширение функционала блога;
  • вставка в виде картинок;
  • вставка в виде тегов MathML.


Способ 1. Расширение функционала блога

Это наиболее простой в плане использования способ. Открываем дизайн блога и в нижней части выбираем "Добавить гаджет".


В появившемся окне выбираем среди стандартных гаджетов "HTML/JavaScript".


Называем его "MathJax", а в качество содержимого пишем:
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/1.1-latest/MathJax.js?config=default"></script>




И переносим его в самый низ, чтобы не маячил перед глазами.


Теперь можно приступать к написанию формул. Каждая формула должна выглядеть примерно так:
<обратный слэш><прямая скобка>формула<обратный слэш><обратная скобка>
И при показе страницы формулы будут автоматически заменены на соответствующие картинки.

Пример:
даёт
\[x+y\]
Круглые скобки необходимо использовать для вставки формул в текст, а квадратные - на отдельных строках.

Понятно, что таким способом можно расширить функционал не только blogger, но и любой web-страницы.
Как альтернатива есть другой скрипт на сайте www.watchmath.com.

Способ 2. Вставка в виде картинок

Реализовать данный способ можно по-разному. Во-первых, некоторые редакторы формул позволяют сохранить сами формулы как картинки. Затем их нужно вставить в блог стандартными способами.
Во-вторых, можно получить картинку по ссылке, а в самой ссылке указать формулу. Я рекомендую сайт latex.codecogs.com. Можно использовать подобный Google Chart API.


Пример:
<img src="http://latex.codecogs.com/gif.latex?$1+sin(x)+\pi$">
даёт

Основная проблема в том, что позволяет ли блог вставить ссылку на картинку в виде тега или надо же нажимать специальную кнопку и покажется сама картинка.

Способ 3. Вставка в виде тегов MathML

Некоторые редакторы формул (в том числе MS Word) и математические пакеты (например, Wolfram|Alpha) позволяют копировать формулы в формате MathML. Этот способ мне, вообще, не нравится. Поэтому дам ссылки на полезные ресурсы:
http://www.youtube.com/watch?v=t2NqPewa8ok
http://wolframalpha-ru.blogspot.com/2011/06/wolframalpha-blogger.html

Дополнение: как получить саму формулу

Я рекомендую воспользоваться сервисом http://www.codecogs.com/latex/eqneditor.php. А внизу редактора можно выбрать подходящий формат (например, LaTeX).

Также для удобства вы можете вставить онлайновый редактор LaTeX на свой сайт или в свой блог.

4 комментария:

  1. Ничего не получилось!! Мне надо степени вставлять!

    ОтветитьУдалить
  2. Этот комментарий был удален автором.

    ОтветитьУдалить
  3. script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script

    ОтветитьУдалить
    Ответы
    1. Не забудьте обернуть текст скрипта < и >.
      Это по первому варианту.
      Работает отлично, пример: https://technology-youth-cccp.blogspot.com/2021/06/blog-post_99.html

      Удалить