Плагин 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
2
3
Затем включим его в config.js:
module.exports = {
base: "/VuePress/",
plugins: [
['@maginapp/vuepress-plugin-katex']
]
}
1
2
3
4
5
6
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
2
3
4
5
6
7
8
9
10
11
При запуске сайта код преобразуется в формулы:
