LaTeX

Nextra использует KaTeX (opens in a new tab), чтобы отрисовывать LaTeX выражения непосредственно в MDX. Для того, чтобы активировать поддержку LaTeX, в конфигурационном файле next.config.js необходимо подключить опцию latex:

next.config.js

module.exports = require('nextra')({
  latex: true
})

При подключении указанной опции KaTeX’s CSS и шрифты будут автоматически добавлены в код вашего сайта, и вы сможете писать математические выражения в ваших MDX файлах. Использовать LaTeX в MDX также просто, как обертывать ваши выражения с помощью символов $ или $$.

Пример

Например данный Markdown код:

page.mdx

The **Pythagorean equation**: $a=\sqrt{b^2 + c^2}$.

отрисуется на странице в следующем виде:

The Pythagorean equation: $a=\sqrt{b^2 + c^2}$ .

В строке с LaTeX выражением вы вполне можете использовать Markdown и MDX синтаксис.

💡

При этом, если вы хотите отобразить выражение в строчном виде вместо его преобразования в уравнение, то для этого символы $ нужно экранировать обратным слэшем (\). Например, выражение \$e = mc^2\$ будет отрендерено в виде $e = mc^2$.

API

Смотрите документацию KaTeX’s (opens in a new tab), чтобы больше узнать о KaTeX, поддерживаемых функциях и условных обозначениях.

Tailwind CSS Таблицы