Плагин VuePress для отображения формул vuepress-plugin-katex | Way23

Плагин VuePress для отображения формул vuepress-plugin-katex

Плагин vuepress-plugin-katexopen in new window основан на плагине markdown-it-texmathopen in new window который использует для рендера формул KaTeXopen in new window (Аналог MathJaxopen in new window).

Рассмотрим установку и работу этого плагина. За основу возьмем HelloWorld проектopen in new window. Полная версия примера размещена в этом репозиторииopen in new window.

Сначала, включим плагин в скрипт установки 01_CreateProject.bat:

call yarn init
call yarn add -D vuepress
call yarn add -D @maginapp/vuepress-plugin-katex
1
2
3

Затем включим его в config.js:

module.exports = {
    base: "/VuePress/",
    plugins: [
        ['@maginapp/vuepress-plugin-katex']
    ]
}
1
2
3
4
5
6

По умолчанию для добавления формул используются символы $ (есть и другие вариантыopen in new window). Причем, есть два способа встраивания: внутри строки и отдельным блоком. Рассмотрим пример в Readme.md:

# My site

Формула квадратного $ax^2 + bx + c$ уравнения показывает...

Примером является формула

$
x + y + z = \frac{a + b}{c^2}
$

которая показывает зависимость...
1
2
3
4
5
6
7
8
9
10
11

При запуске сайта код преобразуется в формулы:

Последниее изменение: 03.04.2022, 12:50:42