andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 00:46:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
2725d40046
toshiki-notebook/application/markdown-it-katex/how-to-use.html

92 lines
103 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>@andatoshiki/markdown-it-katex | Toshiki's Note</title>
<meta name="description" content="Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China">
<link rel="preload stylesheet" href="/assets/style.174cce78.css" as="style">
<script type="module" src="/assets/app.90d7a8bd.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.c989bd33.js">
<link rel="modulepreload" href="/assets/chunks/theme.ecea4325.js">
<link rel="modulepreload" href="/assets/chunks/commonjsHelpers.725317a4.js">
<link rel="modulepreload" href="/assets/chunks/PageInfo.vue_vue_type_script_setup_true_lang.65c6b98c.js">
<link rel="modulepreload" href="/assets/application_markdown-it-katex_how-to-use.md.f5664ac5.lean.js">
<link rel="stylesheet" href="https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css">
<link rel="stylesheet" href="https://cdnjs.toshiki.dev/ajax/libs/font-awesome/6.3.0/css/all.min.css">
<link rel="icon" href="https://r2.toshiki.dev/cdn/toshiki-notebook-favicon/favicon.ico">
<meta name="author" content="Anda Toshiki">
<meta name="keywords" content="Toshiki, Anda Toshiki, andatoshiki, GitHub, GitHub action, Vitepress, Vite, Notebook, Knowledge base, Programming, Programming Notes, Academic, Personal, Notebook, Productivity, Journal, Note-taking, Markdown, Notepad, Organization, Tutorial">
<meta name="google-site-verification" content="lm7PNJiYSPEx1dMast1Xptc0Vk0cU06o-daZSsIgr2I">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="theme-color" content="#3c8772">
<meta property="og:type" content="website">
<meta property="og:locale" content="en-US">
<meta property="og:title" content="Toshiki&#39;s Note">
<meta property="og:description" content="Toshiki&#39;s web notebook served via Vitepress!">
<meta property="og:site" content="https://note.toshiki.dev">
<meta property="og:site_name" content="Toshiki&#39;s Note">
<meta property="og:image" content="https://note.toshiki.dev/og-cover.png">
<script>function siteruntime(){window.setTimeout("siteruntime()",1e3),X=new Date("8/24/2021 10:28:00"),Y=new Date,T=Y.getTime()-X.getTime(),M=24*60*60*1e3,a=T/M,A=Math.floor(a),b=(a-A)*24,B=Math.floor(b),c=(b-B)*60,C=Math.floor((b-B)*60),D=Math.floor((c-C)*60),siteruntime_span.innerHTML="This site has been running for: "+A+" day(s) "+B+" hour(s) "+C+" minute(s) "+D+" second(s)"}siteruntime();</script>
<script async defer data-website-id="" src=""></script>
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-89207109><!--[--><!--]--><!--[--><span tabindex="-1" data-v-b67d7976></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-b67d7976> Skip to content </a><!--]--><!----><header class="VPNav" data-v-89207109 data-v-2d2557fe><div class="VPNavBar" data-v-2d2557fe data-v-d446a765><div class="container" data-v-d446a765><div class="title" data-v-d446a765><div class="VPNavBarTitle has-sidebar" data-v-d446a765 data-v-e4294742><a class="title" href="/" data-v-e4294742><!--[--><!--]--><!--[--><img class="VPImage logo" src="/logos/logo.png" alt data-v-a3781cc7><!--]--><!--[-->Toshiki&#39;s Note<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-d446a765><div class="curtain" data-v-d446a765></div><div class="content-body" data-v-d446a765><!--[--><!--]--><div class="VPNavBarSearch search" data-v-d446a765><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg class="DocSearch-Search-Icon" width="20" height="20" viewBox="0 0 20 20" aria-label="search icon"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-d446a765 data-v-6953e321><span id="main-nav-aria-label" class="visually-hidden" data-v-6953e321>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/development/file-naming-convention" tabindex="0" data-v-6953e321 data-v-b1c7d524><!--[--><span data-v-b1c7d524>Development</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup active" data-v-6953e321 data-v-a6d59782><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-a6d59782><span class="text" data-v-a6d59782><!----><span data-v-a6d59782>Academic</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-a6d59782><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-a6d59782><div class="VPMenu" data-v-a6d59782 data-v-cb25aff9><div class="items" data-v-cb25aff9><!--[--><!--[--><div class="VPMenuGroup" data-v-cb25aff9 data-v-2d1eb886><p class="title" data-v-2d1eb886>K-12</p><!--[--><!--[--><div class="VPMenuLink" data-v-2d1eb886 data-v-c1cf7e01><a class="VPLink link" href="/academic/chemistry/index" data-v-c1cf7e01><!--[-->Chemistry<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-2d1eb886 data-v-c1cf7e01><a class="VPLink link" href="/discrete-math/index" data-v-c1cf7e01><!--[-->Discrete Math.<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-2d1eb886 data-v-c1cf7e01><a class="VPLink link" href="/academic/literature/index" data-v-c1cf7e01><!--[-->Literature<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-2d1eb886 data-v-c1cf7e01><a class="VPLink link" href="/academic/cis105/index" data-v-c1cf7e01><!--[-->CIS105<!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-cb25aff9 data-v-2d1eb886><p class="title" data-v-2d1eb886>Tools</p><!--[--><!--[--><div class="VPMenuLink" data-v-2d1eb886 data-v-c1cf7e01><a class="VPLink link" href="/academic/physics/ipho-formulas-jpn/1" data-v-c1cf7e01><!--[-->Formulas for IPhO JPN.<!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><span class="VPLink" data-v-c1cf7e01><!--[--><!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><span class="VPLink" data-v-c1cf7e01><!--[--><!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><span class="VPLink" data-v-c1cf7e01><!--[--><!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><span class="VPLink" data-v-c1cf7e01><!--[--><!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><span class="VPLink" data-v-c1cf7e01><!--[--><!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><span class="VPLink" data-v-c1cf7e01><!--[--><!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><span class="VPLink" data-v-c1cf7e01><!--[--><!--]--></span></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup active" data-v-6953e321 data-v-a6d59782><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-a6d59782><span class="text" data-v-a6d59782><!----><span data-v-a6d59782>Application</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-a6d59782><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-a6d59782><div class="VPMenu" data-v-a6d59782 data-v-cb25aff9><div class="items" data-v-cb25aff9><!--[--><!--[--><div class="VPMenuGroup" data-v-cb25aff9 data-v-2d1eb886><p class="title" data-v-2d1eb886>Personal projects</p><!--[--><!--[--><div class="VPMenuLink" data-v-2d1eb886 data-v-c1cf7e01><a class="VPLink link active" href="/application/markdown-it-katex/how-to-use" data-v-c1cf7e01><!--[-->markdown-it-katex<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-2d1eb886 data-v-c1cf7e01><a class="VPLink link" href="/application/vitepress-plugin-shiki-twoslash/index" data-v-c1cf7e01><!--[-->vitepress-plugin-shiki-twoslash<!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-6953e321 data-v-a6d59782><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-a6d59782><span class="text" data-v-a6d59782><!----><span data-v-a6d59782>Save</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-a6d59782><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-a6d59782><div class="VPMenu" data-v-a6d59782 data-v-cb25aff9><div class="items" data-v-cb25aff9><!--[--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><a class="VPLink link" href="/save/reading/index" data-v-c1cf7e01><!--[-->Reading<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-cb25aff9 data-v-c1cf7e01><a class="VPLink link" href="/academic/vocabulary/index" data-v-c1cf7e01><!--[-->Vocabulary<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-d446a765 data-v-c0d57931><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-c0d57931 data-v-c5d3001c data-v-e707a0e4><span class="check" data-v-e707a0e4><span class="icon" data-v-e707a0e4><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-c5d3001c><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-c5d3001c><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-d446a765 data-v-e4c05ac8 data-v-71456dda><!--[--><a class="VPSocialLink no-icon" href="https://github.com/andatoshiki" aria-label="github" target="_blank" rel="noopener" data-v-71456dda data-v-78f63a41><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink no-icon" href="https://twitter.com/andatoshiki" aria-label="twitter" target="_blank" rel="noopener" data-v-71456dda data-v-78f63a41><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148 13.98 13.98 0 0 0 11.82 8.292a4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"/></svg></a><a class="VPSocialLink no-icon" href="https://mastodon.social/@andatoshiki" aria-label="mastodon" target="_blank" rel="noopener" data-v-71456dda data-v-78f63a41><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Mastodon</title><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-d446a765 data-v-8f8c7dd6 data-v-a6d59782><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-a6d59782><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-a6d59782><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-a6d59782><div class="VPMenu" data-v-a6d59782 data-v-cb25aff9><!----><!--[--><!--[--><!----><div class="group" data-v-8f8c7dd6><div class="item appearance" data-v-8f8c7dd6><p class="label" data-v-8f8c7dd6>Appearance</p><div class="appearance-action" data-v-8f8c7dd6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-8f8c7dd6 data-v-c5d3001c data-v-e707a0e4><span class="check" data-v-e707a0e4><span class="icon" data-v-e707a0e4><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-c5d3001c><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-c5d3001c><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-8f8c7dd6><div class="item social-links" data-v-8f8c7dd6><div class="VPSocialLinks social-links-list" data-v-8f8c7dd6 data-v-71456dda><!--[--><a class="VPSocialLink no-icon" href="https://github.com/andatoshiki" aria-label="github" target="_blank" rel="noopener" data-v-71456dda data-v-78f63a41><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink no-icon" href="https://twitter.com/andatoshiki" aria-label="twitter" target="_blank" rel="noopener" data-v-71456dda data-v-78f63a41><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148 13.98 13.98 0 0 0 11.82 8.292a4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"/></svg></a><a class="VPSocialLink no-icon" href="https://mastodon.social/@andatoshiki" aria-label="mastodon" target="_blank" rel="noopener" data-v-71456dda data-v-78f63a41><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Mastodon</title><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-d446a765 data-v-897a656f><span class="container" data-v-897a656f><span class="top" data-v-897a656f></span><span class="middle" data-v-897a656f></span><span class="bottom" data-v-897a656f></span></span></button></div></div></div></div><!----></header><div class="VPLocalNav reached-top" data-v-89207109 data-v-f8e7f212><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-f8e7f212><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="menu-icon" data-v-f8e7f212><path d="M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"></path><path d="M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"></path><path d="M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"></path><path d="M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"></path></svg><span class="menu-text" data-v-f8e7f212>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-f8e7f212 data-v-33b80383><button data-v-33b80383>Return to top</button><!----></div></div><aside class="VPSidebar" data-v-89207109 data-v-1eef3ead><div class="curtain" data-v-1eef3ead></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-1eef3ead><span class="visually-hidden" id="sidebar-aria-label" data-v-1eef3ead> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-1eef3ead><section class="VPSidebarItem level-0 collapsible has-active" data-v-1eef3ead data-v-315243f1><div class="item" role="button" tabindex="0" data-v-315243f1><div class="indicator" data-v-315243f1></div><h2 class="text" data-v-315243f1>markdown-it-katex</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-315243f1><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="caret-icon" data-v-315243f1><path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"></path></svg></div></div><div class="items" data-v-315243f1><!--[--><div class="VPSidebarItem level-1 is-link" data-v-315243f1 data-v-315243f1><div class="item" data-v-315243f1><div class="indicator" data-v-315243f1></div><a class="VPLink link link" href="/application/markdown-it-katex/how-to-use" data-v-315243f1><!--[--><p class="text" data-v-315243f1>1: How to use?</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-315243f1 data-v-315243f1><div class="item" data-v-315243f1><div class="indicator" data-v-315243f1></div><a class="VPLink link link" href="/application/markdown-it-katex/support-function" data-v-315243f1><!--[--><p class="text" data-v-315243f1>2: KaTeX supported functions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-315243f1 data-v-315243f1><div class="item" data-v-315243f1><div class="indicator" data-v-315243f1></div><a class="VPLink link link" href="/application/markdown-it-katex/support-table" data-v-315243f1><!--[--><p class="text" data-v-315243f1>3: KaTeX support tables</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-315243f1 data-v-315243f1><div class="item" data-v-315243f1><div class="indicator" data-v-315243f1></div><a class="VPLink link link" href="/application/markdown-it-katex/tips" data-v-315243f1><!--[--><p class="text" data-v-315243f1>4: Tips</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-89207109 data-v-4a097eb3><div class="VPDoc has-sidebar has-aside" data-v-4a097eb3 data-v-4885b148><!--[--><!--]--><div class="container" data-v-4885b148><div class="aside" data-v-4885b148><div class="aside-curtain" data-v-4885b148></div><div class="aside-container" data-v-4885b148><div class="aside-content" data-v-4885b148><div class="VPDocAside" data-v-4885b148 data-v-7045d2d5><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-7045d2d5 data-v-35301578><div class="content" data-v-35301578><div class="outline-marker" data-v-35301578></div><div class="outline-title" role="heading" aria-level="2" data-v-35301578>TOC</div><nav aria-labelledby="doc-outline-aria-label" data-v-35301578><span class="visually-hidden" id="doc-outline-aria-label" data-v-35301578> Table of Contents for current page </span><ul class="root" data-v-35301578 data-v-cc4b0507><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-7045d2d5></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--[--><!--[--><!--[--><div class="VPDocAsideSponsors"><div class="VPSponsors vp-sponsor aside"><!--[--><section class="vp-sponsor-section"><!----><div class="VPSponsorsGrid vp-sponsor-grid medium"><!--[--><div class="vp-sponsor-grid-item"><a class="vp-sponsor-grid-link" target="_blank" rel="sponsored noopener"><article class="vp-sponsor-grid-box"><h4 class="visually-hidden"></h4><img class="vp-sponsor-grid-image" src="https://jsd.toshiki.dev/gh/andatoshiki/toshiki-notebook@master/assets/logo/sponsor/telegram.png"></article></a></div><!--]--></div></section><!--]--></div></div><!--]--><!--]--><!--]--><!--]--></div></div></div></div><div class="content" data-v-4885b148><div class="content-container" data-v-4885b148><!--[--><!--]--><!----><main class="main" data-v-4885b148><div style="position:relative;" class="vp-doc _application_markdown-it-katex_how-to-use" data-v-4885b148><div><h1 id="andatoshiki-markdown-it-katex" tabindex="-1">@andatoshiki/markdown-it-katex <a class="header-anchor" href="#andatoshiki-markdown-it-katex" aria-label="Permalink to &quot;@andatoshiki/markdown-it-katex&quot;">​</a></h1><div><section class="border-b-1 border-[var(--vp-c-divider)] w-full border-b-solid mt-[24px] pb-[12px] flex gap-[12px] mb-[12px] flex-wrap max-w-[85%]"><div class="flex gap-[4px] items-center"><svg style="display:inline-block;" viewBox="0 0 16 16" width="1.2em" height="1.2em"><path fill="currentColor" d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16m.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995c0-1.224-1.47-2.74-3.153-3.145"></path></svg> Author:<span>Anda Toshiki</span></div><!----><div class="flex gap-[4px] items-center"><svg style="display:inline-block;" viewBox="0 0 15 15" width="1.2em" height="1.2em"><path fill="currentColor" fill-rule="evenodd" d="M1.903 7.297c0 3.044 2.207 5.118 4.686 5.547a.521.521 0 1 1-.178 1.027C3.5 13.367.861 10.913.861 7.297c0-1.537.699-2.745 1.515-3.663c.585-.658 1.254-1.193 1.792-1.602H2.532a.5.5 0 0 1 0-1h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V2.686l-.001.002c-.572.43-1.27.957-1.875 1.638c-.715.804-1.253 1.776-1.253 2.97m11.108.406c0-3.012-2.16-5.073-4.607-5.533a.521.521 0 1 1 .192-1.024c2.874.54 5.457 2.98 5.457 6.557c0 1.537-.699 2.744-1.515 3.663c-.585.658-1.254 1.193-1.792 1.602h1.636a.5.5 0 1 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 1 1 1 0v1.845h.002c.571-.432 1.27-.958 1.874-1.64c.715-.803 1.253-1.775 1.253-2.97" clip-rule="evenodd"></path></svg> Updated:<span>3 minutes ago</span></div><div class="flex gap-[4px] items-center"><svg style="display:inline-block;" viewBox="0 0 16 16" width="1.2em" height="1.2em"><path fill="currentColor" d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0M9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1M5.485 6.879l1.036 4.144l.997-3.655a.5.5 0 0 1 .964 0l.997 3.655l1.036-4.144a.5.5 0 0 1 .97.242l-1.5 6a.5.5 0 0 1-.967.01L8 9.402l-1.018 3.73a.5.5 0 0 1-.967-.01l-1.5-6a.5.5 0 1 1 .97-.242z"></path></svg> Words:<span>1.1k</span></div><div class="flex gap-[4px] items-center"><svg style="display:inline-block;" viewBox="0 0 20 20" width="1.2em" height="1.2em"><path fill="currentColor" d="M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0m2.5 14.5L9 11V4h2v6l3 3z"></path></svg> Reading:<span>7 min</span></div></section></div><blockquote><p>Add graceful <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mtext>KaTeX</mtext></mrow><annotation encoding="application/x-tex">\KaTeX</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.8988em;vertical-align:-0.2155em;"></span><span class="mord text"><span class="mord textrm">K</span><span class="mspace" style="margin-right:-0.17em;"></span><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.6833em;"><span style="top:-2.905em;"><span class="pstrut" style="height:2.7em;"></span><span class="mord"><span class="mord textrm mtight sizing reset-size6 size3">A</span></span></span></span></span></span><span class="mspace" style="margin-right:-0.15em;"></span><span class="mord text"><span class="mord textrm">T</span><span class="mspace" style="margin-right:-0.1667em;"></span><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.4678em;"><span style="top:-2.7845em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord textrm">E</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.2155em;"><span></span></span></span></span><span class="mspace" style="margin-right:-0.125em;"></span><span class="mord textrm">X</span></span></span></span></span></span> rendering to your Markdown like a charm with <code>markdown-it</code> plugin.</p></blockquote><h2 id="_1-installation" tabindex="-1">1: Installation <a class="header-anchor" href="#_1-installation" aria-label="Permalink to &quot;1: Installation&quot;">​</a></h2><p>Before you start using this plugin, make sure you have already installed the default <code>markdown-it</code> parser; if not, please run the following command or refer to the official <a href="https://github.com/markdown-it/markdown-it#install" target="_blank" rel="noreferrer"><code>markdown-it</code></a> documentation.</p><div class="language-sh vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#F69D50;">$</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">npm</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">install</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">markdown-it</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">--save</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6F42C1;">$</span><span style="color:#24292E;"> </span><span style="color:#032F62;">npm</span><span style="color:#24292E;"> </span><span style="color:#032F62;">install</span><span style="color:#24292E;"> </span><span style="color:#032F62;">markdown-it</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">--save</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p>First install package with your preferred package manager (npm, yarn, pnpm), or include javascript before the closing <code>&lt;/body&gt;</code> for markdown-it-katex&#39;s core utils to be loaded for the static page.</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-VlPjv" id="tab-M5Gs5jz" checked="checked"><label for="tab-M5Gs5jz">npm</label><input type="radio" name="group-VlPjv" id="tab-We7BZuZ"><label for="tab-We7BZuZ">yarn</label><input type="radio" name="group-VlPjv" id="tab-e5dLEP9"><label for="tab-e5dLEP9">pnpm</label><input type="radio" name="group-VlPjv" id="tab-STLa5Gf"><label for="tab-STLa5Gf">cdn</label></div><div class="blocks"><div class="language-sh vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#F69D50;">$</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">npm</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">install</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">-D</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">@andatoshiki/markdown-it-katex</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6F42C1;">$</span><span style="color:#24292E;"> </span><span style="color:#032F62;">npm</span><span style="color:#24292E;"> </span><span style="color:#032F62;">install</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">-D</span><span style="color:#24292E;"> </span><span style="color:#032F62;">@andatoshiki/markdown-it-katex</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-sh vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#F69D50;">$</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">yarn</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">add</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">--dev</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">@andatoshiki/markdown-it-katex</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6F42C1;">$</span><span style="color:#24292E;"> </span><span style="color:#032F62;">yarn</span><span style="color:#24292E;"> </span><span style="color:#032F62;">add</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">--dev</span><span style="color:#24292E;"> </span><span style="color:#032F62;">@andatoshiki/markdown-it-katex</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-sh vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#F69D50;">$</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">pnpm</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">add</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">-D</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">@andatoshiki/markdown-it-katex</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6F42C1;">$</span><span style="color:#24292E;"> </span><span style="color:#032F62;">pnpm</span><span style="color:#24292E;"> </span><span style="color:#032F62;">add</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">-D</span><span style="color:#24292E;"> </span><span style="color:#032F62;">@andatoshiki/markdown-it-katex</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#768390;">&lt;!-- your other body contents ... --&gt;</span></span>
<span class="line"><span style="color:#ADBAC7;"> &lt;</span><span style="color:#8DDB8C;">script</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">src</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js&quot;</span><span style="color:#ADBAC7;">&gt;&lt;/</span><span style="color:#8DDB8C;">script</span><span style="color:#ADBAC7;">&gt;</span></span>
<span class="line"><span style="color:#ADBAC7;">&lt;/</span><span style="color:#8DDB8C;">body</span><span style="color:#ADBAC7;">&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6A737D;">&lt;!-- your other body contents ... --&gt;</span></span>
<span class="line"><span style="color:#24292E;"> &lt;</span><span style="color:#22863A;">script</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">src</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js&quot;</span><span style="color:#24292E;">&gt;&lt;/</span><span style="color:#22863A;">script</span><span style="color:#24292E;">&gt;</span></span>
<span class="line"><span style="color:#24292E;">&lt;/</span><span style="color:#22863A;">body</span><span style="color:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div></div></div><p>Including KaTeX CSS is necessary in the way you are convenient with, either link the stylesheet from a third party CDN into the local HTML <code>&lt;head&gt;</code> tag or import it into a currently linked CSS stylesheets to enable styles for KaTeX globally as follows,</p><p>Or, you could clone or download the entire repository source of <a href="https://github.com/katex/katex" target="_blank" rel="noreferrer">KaTeX</a> and self load the fonts/styles/scripts locally, but if you prefer loading from third-party CDN with faster load speed when deployed to save your server resources, the following CDN links might be your choice, you can always switch to other platforms based on your need.</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-aGUBu" id="tab-xjtWz2r" checked="checked"><label for="tab-xjtWz2r">jsdelivr</label><input type="radio" name="group-aGUBu" id="tab-2tH4xOA"><label for="tab-2tH4xOA">jsd-gcore</label><input type="radio" name="group-aGUBu" id="tab-Va6loPl"><label for="tab-Va6loPl">jsd-fastly</label><input type="radio" name="group-aGUBu" id="tab-KH2qJlA"><label for="tab-KH2qJlA">cdnjs</label><input type="radio" name="group-aGUBu" id="tab-eXBK7UZ"><label for="tab-eXBK7UZ">unpkg</label><input type="radio" name="group-aGUBu" id="tab-JhBx0mG"><label for="tab-JhBx0mG">scss or css</label></div><div class="blocks"><div class="language-html vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">&lt;</span><span style="color:#8DDB8C;">link</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">rel</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;stylesheet&quot;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">href</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css&quot;</span><span style="color:#ADBAC7;"> /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">link</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">rel</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;stylesheet&quot;</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">href</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css&quot;</span><span style="color:#24292E;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">&lt;</span><span style="color:#8DDB8C;">link</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">rel</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;stylesheet&quot;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">href</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css&quot;</span><span style="color:#ADBAC7;"> /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">link</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">rel</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;stylesheet&quot;</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">href</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css&quot;</span><span style="color:#24292E;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">&lt;</span><span style="color:#8DDB8C;">link</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">rel</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;stylesheet&quot;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">href</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css&quot;</span><span style="color:#ADBAC7;"> /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">link</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">rel</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;stylesheet&quot;</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">href</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css&quot;</span><span style="color:#24292E;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">&lt;</span><span style="color:#8DDB8C;">link</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">rel</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;stylesheet&quot;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">href</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css&quot;</span><span style="color:#ADBAC7;"> /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">link</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">rel</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;stylesheet&quot;</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">href</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css&quot;</span><span style="color:#24292E;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">&lt;</span><span style="color:#8DDB8C;">link</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">rel</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;stylesheet&quot;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">href</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;https://unpkg.com/katex@0.16.0/dist/katex.min.css&quot;</span><span style="color:#ADBAC7;"> /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">link</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">rel</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;stylesheet&quot;</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">href</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;https://unpkg.com/katex@0.16.0/dist/katex.min.css&quot;</span><span style="color:#24292E;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-scss vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#768390;">// ... your other styles</span></span>
<span class="line"><span style="color:#F47067;">@import</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">&#39;https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css&#39;</span><span style="color:#ADBAC7;">;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6A737D;">// ... your other styles</span></span>
<span class="line"><span style="color:#D73A49;">@import</span><span style="color:#24292E;"> </span><span style="color:#032F62;">&#39;https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css&#39;</span><span style="color:#24292E;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div></div></div><p>If you are using the default markdown-it parser, I personally recommend that you use the GitHub markdown CSS (<a href="https://github.com/sindresorhus/github-markdown-css/" target="_blank" rel="noreferrer">github-markdown-css</a>) for styling your HTML output with a similar style replica of GitHub&#39;s markdown styling to your familiarity.</p><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">&lt;</span><span style="color:#8DDB8C;">link</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">rel</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;stylesheet&quot;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">href</span><span style="color:#ADBAC7;">=</span><span style="color:#96D0FF;">&quot;https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css&quot;</span><span style="color:#ADBAC7;"> /&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">&lt;</span><span style="color:#22863A;">link</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">rel</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;stylesheet&quot;</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">href</span><span style="color:#24292E;">=</span><span style="color:#032F62;">&quot;https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css&quot;</span><span style="color:#24292E;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p>This forked project maintained by <a href="https://github.com/andatoshiki" target="_blank" rel="noreferrer">Anda Toshiki</a> comes with the update of KaTeX components with higher style version support (this documentation uses KaTeX version <code>16.0</code>, without hassels), later versions may works, but no guarantees are given by the developers, if you are not obsessed with the latest released version, <code>16.0</code> may fits your need for loading KaTeX on a personal blog site or small educational sites; yet it should work fully functionally.</p><div class="danger custom-block"><p class="custom-block-title">Warning</p><p>Since this project is a fork of the <a href="https://www.npmjs.com/package/markdown-it-katex" target="_blank" rel="noreferrer">original</a> markdown-it-katex project that hasn&#39;t been receiving any active updates of its code source for years, the latest katex style version supported is somewhere around <code>ver. 0.9.0</code> which clearly is outdated and results in broken styles with overflowing and other potential bug presents.</p></div><h2 id="_2-usage" tabindex="-1">2: Usage <a class="header-anchor" href="#_2-usage" aria-label="Permalink to &quot;2: Usage&quot;">​</a></h2><p>RTo render equations, you need to include the <code>markdown-it-katex</code> plugin in the <code>markdown-it</code> components in your JavaScript or TypeScript file as follows,</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-YAL3y" id="tab-JpyKRh5" checked="checked"><label for="tab-JpyKRh5">js</label><input type="radio" name="group-YAL3y" id="tab-21zyQII"><label for="tab-21zyQII">ts</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#F47067;">var</span><span style="color:#ADBAC7;"> md </span><span style="color:#F47067;">=</span><span style="color:#ADBAC7;"> </span><span style="color:#DCBDFB;">require</span><span style="color:#ADBAC7;">(</span><span style="color:#96D0FF;">&#39;markdown-it&#39;</span><span style="color:#ADBAC7;">)(),</span></span>
<span class="line"><span style="color:#ADBAC7;"> mk </span><span style="color:#F47067;">=</span><span style="color:#ADBAC7;"> </span><span style="color:#DCBDFB;">require</span><span style="color:#ADBAC7;">(</span><span style="color:#96D0FF;">&#39;andatoshiki/markdown-it-katex&#39;</span><span style="color:#ADBAC7;">)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ADBAC7;">md.</span><span style="color:#DCBDFB;">use</span><span style="color:#ADBAC7;">(mk)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#768390;">// double backslash is required for javascript strings, but not html input</span></span>
<span class="line"><span style="color:#F47067;">var</span><span style="color:#ADBAC7;"> result </span><span style="color:#F47067;">=</span><span style="color:#ADBAC7;"> md.</span><span style="color:#DCBDFB;">render</span><span style="color:#ADBAC7;">(</span><span style="color:#96D0FF;">&#39;# Math Rulez! </span><span style="color:#F47067;">\n</span><span style="color:#96D0FF;"> $</span><span style="color:#F47067;">\\</span><span style="color:#96D0FF;">sqrt{3x-1}+(1+x)^2$&#39;</span><span style="color:#ADBAC7;">)</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">var</span><span style="color:#24292E;"> md </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">require</span><span style="color:#24292E;">(</span><span style="color:#032F62;">&#39;markdown-it&#39;</span><span style="color:#24292E;">)(),</span></span>
<span class="line"><span style="color:#24292E;"> mk </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">require</span><span style="color:#24292E;">(</span><span style="color:#032F62;">&#39;andatoshiki/markdown-it-katex&#39;</span><span style="color:#24292E;">)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292E;">md.</span><span style="color:#6F42C1;">use</span><span style="color:#24292E;">(mk)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D;">// double backslash is required for javascript strings, but not html input</span></span>
<span class="line"><span style="color:#D73A49;">var</span><span style="color:#24292E;"> result </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> md.</span><span style="color:#6F42C1;">render</span><span style="color:#24292E;">(</span><span style="color:#032F62;">&#39;# Math Rulez! </span><span style="color:#005CC5;">\n</span><span style="color:#032F62;"> $</span><span style="color:#005CC5;">\\</span><span style="color:#032F62;">sqrt{3x-1}+(1+x)^2$&#39;</span><span style="color:#24292E;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><div class="language-ts vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#F47067;">import</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">*</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">as</span><span style="color:#ADBAC7;"> mk </span><span style="color:#F47067;">from</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">&#39;markdown-it-katex&#39;</span></span>
<span class="line"><span style="color:#F47067;">import</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">*</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">as</span><span style="color:#ADBAC7;"> MarkdownIt </span><span style="color:#F47067;">from</span><span style="color:#ADBAC7;"> </span><span style="color:#96D0FF;">&#39;@andatoshiki/markdown-it&#39;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F47067;">const</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">md</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">=</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">new</span><span style="color:#ADBAC7;"> </span><span style="color:#DCBDFB;">MarkdownIt</span><span style="color:#ADBAC7;">()</span></span>
<span class="line"><span style="color:#ADBAC7;">md.</span><span style="color:#DCBDFB;">use</span><span style="color:#ADBAC7;">(mk)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#768390;">// double backslash is not required for TypeScript strings or template literals</span></span>
<span class="line"><span style="color:#F47067;">const</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">result</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">=</span><span style="color:#ADBAC7;"> md.</span><span style="color:#DCBDFB;">render</span><span style="color:#ADBAC7;">(</span><span style="color:#96D0FF;">&#39;# Math Rulez! </span><span style="color:#F47067;">\n</span><span style="color:#96D0FF;"> $</span><span style="color:#F47067;">\\</span><span style="color:#96D0FF;">sqrt{3x-1}+(1+x)^2$&#39;</span><span style="color:#ADBAC7;">)</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">import</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">*</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">as</span><span style="color:#24292E;"> mk </span><span style="color:#D73A49;">from</span><span style="color:#24292E;"> </span><span style="color:#032F62;">&#39;markdown-it-katex&#39;</span></span>
<span class="line"><span style="color:#D73A49;">import</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">*</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">as</span><span style="color:#24292E;"> MarkdownIt </span><span style="color:#D73A49;">from</span><span style="color:#24292E;"> </span><span style="color:#032F62;">&#39;@andatoshiki/markdown-it&#39;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D73A49;">const</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">md</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">new</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">MarkdownIt</span><span style="color:#24292E;">()</span></span>
<span class="line"><span style="color:#24292E;">md.</span><span style="color:#6F42C1;">use</span><span style="color:#24292E;">(mk)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D;">// double backslash is not required for TypeScript strings or template literals</span></span>
<span class="line"><span style="color:#D73A49;">const</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">result</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> md.</span><span style="color:#6F42C1;">render</span><span style="color:#24292E;">(</span><span style="color:#032F62;">&#39;# Math Rulez! </span><span style="color:#005CC5;">\n</span><span style="color:#032F62;"> $</span><span style="color:#005CC5;">\\</span><span style="color:#032F62;">sqrt{3x-1}+(1+x)^2$&#39;</span><span style="color:#24292E;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div></div></div><h3 id="_3-configuration" tabindex="-1">3: Configuration <a class="header-anchor" href="#_3-configuration" aria-label="Permalink to &quot;3: Configuration&quot;">​</a></h3><p>The following list of variable are the customizable components of <code>markdown-it-katex</code>, adjust to your needs,</p><ul><li><code>katex</code>: You can change KaTeX version by passing the instance.</li><li><code>blockClass</code>: Class added to KaTeX block.</li><li>Apply any other <a href="https://katex.org/docs/options.html" target="_blank" rel="noreferrer">KaTeX options</a> if needed as a regard to the docs</li></ul><div class="language-js vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">md.</span><span style="color:#DCBDFB;">use</span><span style="color:#ADBAC7;">(mk, { blockClass: </span><span style="color:#96D0FF;">&#39;math-block&#39;</span><span style="color:#ADBAC7;">, errorColor: </span><span style="color:#96D0FF;">&#39; #cc0000&#39;</span><span style="color:#ADBAC7;"> })</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">md.</span><span style="color:#6F42C1;">use</span><span style="color:#24292E;">(mk, { blockClass: </span><span style="color:#032F62;">&#39;math-block&#39;</span><span style="color:#24292E;">, errorColor: </span><span style="color:#032F62;">&#39; #cc0000&#39;</span><span style="color:#24292E;"> })</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h2 id="_4-examples" tabindex="-1">4: Examples <a class="header-anchor" href="#_4-examples" aria-label="Permalink to &quot;4: Examples&quot;">​</a></h2><h3 id="_4-1-inline-math" tabindex="-1">4.1: Inline math <a class="header-anchor" href="#_4-1-inline-math" aria-label="Permalink to &quot;4.1: Inline math&quot;">​</a></h3><p>To render your LaTeX equations inline, enclose them with a single dollar sign <code>$</code> on each side of the equation as follows,</p><div class="language-tex vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">tex</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#6CB6FF;">$</span><span style="color:#6CB6FF;">\sqrt{3x-1}+(1+x)^2</span><span style="color:#6CB6FF;">$</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#032F62;">$</span><span style="color:#005CC5;">\sqrt{3x-1}+(1+x)^2</span><span style="color:#032F62;">$</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p>rendered output equation as follows, <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msqrt><mrow><mn>3</mn><mi>x</mi><mo>−</mo><mn>1</mn></mrow></msqrt><mo>+</mo><mo stretchy="false">(</mo><mn>1</mn><mo>+</mo><mi>x</mi><msup><mo stretchy="false">)</mo><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">\sqrt{3x-1}+(1+x)^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.04em;vertical-align:-0.1744em;"></span><span class="mord sqrt"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8656em;"><span class="svg-align" style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord" style="padding-left:0.833em;"><span class="mord">3</span><span class="mord mathnormal">x</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mord">1</span></span></span><span style="top:-2.8256em;"><span class="pstrut" style="height:3em;"></span><span class="hide-tail" style="min-width:0.853em;height:1.08em;"><svg xmlns="http://www.w3.org/2000/svg" width="400em" height="1.08em" viewBox="0 0 400000 1080" preserveAspectRatio="xMinYMin slice"><path d="M95,702
c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14
c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54
c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10
s173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429
c69,-144,104.5,-217.7,106.5,-221
l0 -0
c5.3,-9.3,12,-14,20,-14
H400000v40H845.2724
s-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7
c-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z
M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.1744em;"><span></span></span></span></span></span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mopen">(</span><span class="mord">1</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:1.0641em;vertical-align:-0.25em;"></span><span class="mord mathnormal">x</span><span class="mclose"><span class="mclose">)</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span>.</p><h3 id="_4-2-blocked-math" tabindex="-1">4.2: Blocked math <a class="header-anchor" href="#_4-2-blocked-math" aria-label="Permalink to &quot;4.2: Blocked math&quot;">​</a></h3><p>To render blocks, use double dollar sign (<code>$$</code>). This mode utilizes larger symbols and centers the result as a block displayed as a <code>&lt;div&gt;</code> block in HTML output, as follows,</p><div class="language-tex vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">tex</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#6CB6FF;">$$</span></span>
<span class="line"><span style="color:#6CB6FF;">\frac {</span><span style="color:#F47067;">\partial</span><span style="color:#6CB6FF;">^r} {</span><span style="color:#F47067;">\partial</span><span style="color:#6CB6FF;"> </span><span style="color:#F47067;">\omega</span><span style="color:#6CB6FF;">^r} \left(\frac {y^{</span><span style="color:#F47067;">\omega</span><span style="color:#6CB6FF;">}} {</span><span style="color:#F47067;">\omega</span><span style="color:#6CB6FF;">}\right)</span></span>
<span class="line"><span style="color:#6CB6FF;">= \left(\frac {y^{</span><span style="color:#F47067;">\omega</span><span style="color:#6CB6FF;">}} {</span><span style="color:#F47067;">\omega</span><span style="color:#6CB6FF;">}\right) \left\{(\log y)^r + </span><span style="color:#F47067;">\sum</span><span style="color:#6CB6FF;">_{i=1}^r \frac {(-1)^ Ir </span><span style="color:#F47067;">\cdots</span><span style="color:#6CB6FF;"> (r-i+1) (\log y)^{ri}} {</span><span style="color:#F47067;">\omega</span><span style="color:#6CB6FF;">^i} \right\}</span></span>
<span class="line"><span style="color:#6CB6FF;">$$</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#032F62;">$$</span></span>
<span class="line"><span style="color:#005CC5;">\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)</span></span>
<span class="line"><span style="color:#005CC5;">= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}</span></span>
<span class="line"><span style="color:#032F62;">$$</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br></div></div><p>the above block equation renders the LaTeX equation as a block with output as follows,</p><p class="katex-block"><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mfrac><msup><mi mathvariant="normal">∂</mi><mi>r</mi></msup><mrow><mi mathvariant="normal">∂</mi><msup><mi>ω</mi><mi>r</mi></msup></mrow></mfrac><mrow><mo fence="true">(</mo><mfrac><msup><mi>y</mi><mi>ω</mi></msup><mi>ω</mi></mfrac><mo fence="true">)</mo></mrow><mo>=</mo><mrow><mo fence="true">(</mo><mfrac><msup><mi>y</mi><mi>ω</mi></msup><mi>ω</mi></mfrac><mo fence="true">)</mo></mrow><mrow><mo fence="true">{</mo><mo stretchy="false">(</mo><mi>log</mi><mo>⁡</mo><mi>y</mi><msup><mo stretchy="false">)</mo><mi>r</mi></msup><mo>+</mo><munderover><mo>∑</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mi>r</mi></munderover><mfrac><mrow><mo stretchy="false">(</mo><mo>−</mo><mn>1</mn><msup><mo stretchy="false">)</mo><mi>I</mi></msup><mi>r</mi><mo>⋯</mo><mo stretchy="false">(</mo><mi>r</mi><mo>−</mo><mi>i</mi><mo>+</mo><mn>1</mn><mo stretchy="false">)</mo><mo stretchy="false">(</mo><mi>log</mi><mo>⁡</mo><mi>y</mi><msup><mo stretchy="false">)</mo><mrow><mi>r</mi><mi>i</mi></mrow></msup></mrow><msup><mi>ω</mi><mi>i</mi></msup></mfrac><mo fence="true">}</mo></mrow></mrow><annotation encoding="application/x-tex">\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\} </annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.4em;vertical-align:-0.95em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.3714em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">ω</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.5904em;"><span style="top:-2.989em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight" style="margin-right:0.02778em;">r</span></span></span></span></span></span></span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.6644em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight" style="margin-right:0.02778em;">r</span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size3">(</span></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.3414em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">ω</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">y</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.6644em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight" style="margin-right:0.03588em;">ω</span></span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size3">)</span></span></span><span class="mspace" style="margin-right:0.2778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2778em;"></span></span><span class="base"><span class="strut" style="height:3.0277em;vertical-align:-1.2777em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size3">(</span></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.3414em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">ω</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">y</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.6644em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight" style="margin-right:0.03588em;">ω</span></span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size3">)</span></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size4">{</span></span><span class="mopen">(</span><span class="mop">lo<span style="margin-right:0.01389em;">g</span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="mord mathnormal" style="margin-right:0.03588em;">y</span><span class="mclose"><span class="mclose">)</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7144em;"><span style="top:-3.113em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight" style="margin-right:0.02778em;">r</span></span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mop op-limits"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.6514em;"><span style="top:-1.8723em;margin-left:0em;"><span class="pstrut" style="height:3.05em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight">i</span><span class="mrel mtight">=</span><span class="mord mtight">1</span></span></span></span><span style="top:-3.05em;"><span class="pstrut" style="height:3.05em;"></span><span><span class="mop op-symbol large-op">∑</span></span></span><span style="top:-4.3em;margin-left:0em;"><span class="pstrut" style="height:3.05em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight" style="margin-right:0.02778em;">r</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:1.2777em;"><span></span></span></span></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.5183em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">ω</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7507em;"><span style="top:-2.989em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight">i</span></span></span></span></span></span></span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mopen">(</span><span class="mord">−</span><span class="mord">1</span><span class="mclose"><span class="mclose">)</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8413em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight" style="margin-right:0.07847em;">I</span></span></span></span></span></span></span></span><span class="mord mathnormal" style="margin-right:0.02778em;">r</span><span class="mspace" style="margin-right:0.1667em;"></span><span class="minner">⋯</span><span class="mspace" style="margin-right:0.1667em;"></span><span class="mopen">(</span><span class="mord mathnormal" style="margin-right:0.02778em;">r</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mord mathnormal">i</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mord">1</span><span class="mclose">)</span><span class="mopen">(</span><span class="mop">lo<span style="margin-right:0.01389em;">g</span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="mord mathnormal" style="margin-right:0.03588em;">y</span><span class="mclose"><span class="mclose">)</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8247em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight" style="margin-right:0.02778em;">r</span><span class="mord mathnormal mtight">i</span></span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size4">}</span></span></span></span></span></span></span></p><h2 id="_5-syntax" tabindex="-1">5: Syntax <a class="header-anchor" href="#_5-syntax" aria-label="Permalink to &quot;5: Syntax&quot;">​</a></h2><p>Math parsing in markdown is designed to comply with the &quot;latex-in-markdown&quot; conventions set by <a href="https://pandoc.org" target="_blank" rel="noreferrer">Pandoc</a>,</p><p>Anything between two <code>$</code> characters will be treated as TeX math. The opening <code>$</code> must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit. Thus, <code>$20,000</code> and <code>$30,000</code> won’t parse as math. If for some reason you need to enclose text in literal <code>$</code> characters, backslash-escape them and they won’t be treated as math delimiters.</p><blockquote><ul><li>Pandoc. “Pandoc - Pandoc User’s Guide.” Pandoc.org, pandoc.org/MANUAL.html#math. Accessed 2 Mar. 2023.</li></ul></blockquote><h2 id="_6-supported-math-syntax" tabindex="-1">6: Supported math syntax <a class="header-anchor" href="#_6-supported-math-syntax" aria-label="Permalink to &quot;6: Supported math syntax&quot;">​</a></h2><p>KaTeX is a popular, open-source math typesetting library that is based on TeX and LaTeX. It is designed to be easy to use, and to provide high-quality mathematical typesetting for web applications, refer to the following pages of the document for the full list of function support in KaTeX.</p><div class="info custom-block"><p class="custom-block-title">Note</p><p>Due to the large number of equations rendered on the next following pages, it might takes time to entirely load the webpage, please be patient if the webpage seems to not respond; or it could be a result of slow network connection to correctly render all the equation that causes broken formulas, refresh the page to proceed.</p></div></div></div></main><footer class="VPDocFooter" data-v-4885b148 data-v-10ef07da><!--[--><!--[--><!--[--><!--[--><!----><!--]--><!--]--><!--]--><!--]--><div class="edit-info" data-v-10ef07da><div class="edit-link" data-v-10ef07da><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/andatoshiki/toshiki-notebook/edit/master/docs/application/markdown-it-katex/how-to-use.md" target="_blank" rel="noreferrer" data-v-10ef07da><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-10ef07da><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--></a></div><div class="last-updated" data-v-10ef07da><p class="VPLastUpdated" data-v-10ef07da data-v-d785740a>Last updated: <time datetime="2024-09-15T16:36:18.000Z" data-v-d785740a></time></p></div></div><nav class="prev-next" data-v-10ef07da><div class="pager" data-v-10ef07da><!----></div><div class="pager" data-v-10ef07da><a class="pager-link next" href="/application/markdown-it-katex/support-function" data-v-10ef07da><span class="desc" data-v-10ef07da>Next page</span><span class="title" data-v-10ef07da>2: KaTeX supported functions</span></a></div></nav></footer><!--[--><!--[--><!--[--><div id="comment-container"></div><!--]--><!--]--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-89207109 data-v-d607cddc><div class="container" data-v-d607cddc><p class="message" data-v-d607cddc>Copyright © 2023-2024 <a href="https://github.com/andatoshiki">Anda Toshiki</a>, <a href="https://github.com/lolilab">LoliLab</a> and <a href="https://github.com/toshikidev">Toshiki Dev</a> present <br /><span id="siteruntime_span"></span></p><p class="copyright" data-v-d607cddc>Wrote with <span class="heart">💓</span> with 🌵 by <a href="https://toshiki.dev">Anda Toshiki</a> at <code>root@andatoshiki:/~</code> in the innovative HQ of <a href="https://asu.edu">ASU</a></p></div></footer><!--[--><!--]--></div></div>
<script>window.__VP_HASH_MAP__=JSON.parse("{\"academic_chemistry_index.md\":\"c2eb8eec\",\"academic_cis105_cis105-l3-lecture-note.md\":\"aa0509c8\",\"academic_cis105_cis105-l6-pt2-lecture-note.md\":\"60bdfc95\",\"academic_cis105_cis105-l6-pt1-lecture-note.md\":\"c524422d\",\"academic_literature_index.md\":\"3acc6075\",\"academic_literature_writing_methods-of-development.md\":\"99ffc0bf\",\"academic_cis105_cis105-l17-lecture-note.md\":\"4448a57e\",\"academic_cis105_cis105-l7-lecture-note.md\":\"487ab49b\",\"academic_cis105_cis105-l13-lecture-note.md\":\"6dfdf3ab\",\"academic_chemistry_problems_03-02-2.md\":\"c7558719\",\"academic_cis105_cis105-l15-lecture-note.md\":\"8a0d834d\",\"academic_chemistry_notes_12-5.md\":\"dd4dc8aa\",\"academic_cis105_cis105-l9-lecture-note.md\":\"2712e1bc\",\"academic_cis105_cis105-l8-lecture-note.md\":\"0df4d4a0\",\"save_reading_outliers_4.md\":\"fd55b8f1\",\"academic_cis105_cis105-l10-lecture-note.md\":\"c8738f84\",\"academic_physics_ipho-formulas-jpn_4.md\":\"fc96a4b4\",\"academic_physics_index.md\":\"106beb31\",\"academic_physics_ipho-formulas-jpn_11.md\":\"86744f72\",\"academic_cis105_cis105-l16-lecture-note.md\":\"f505ce44\",\"javascript_notes_1_1-2.md\":\"784be5b7\",\"academic_physics_ipho-formulas-jpn_12.md\":\"c73bbb2b\",\"academic_cis105_cis105-l12-lecture-note.md\":\"ff24975a\",\"academic_physics_ipho-formulas-jpn_13.md\":\"c2238439\",\"academic_vocabulary_index.md\":\"fa9d9cb5\",\"application_markdown-it-katex_how-to-use.md\":\"f5664ac5\",\"application_vitepress-plugin-shiki-twoslash_api_cutting.md\":\"98dc96de\",\"academic_physics_ipho-formulas-jpn_7.md\":\"317cbd44\",\"application_vitepress-plugin-shiki-twoslash_api_logging.md\":\"d4c2899e\",\"application_vitepress-plugin-shiki-twoslash_api_queries.md\":\"085f610d\",\"academic_cis105_cis105-l4-lecture-note.md\":\"3cd3ad54\",\"application_vitepress-plugin-shiki-twoslash_api_types.md\":\"cf32e1ac\",\"academic_vocabulary_2023_02_2023-02-27.md\":\"8c1bfc62\",\"development_aws_docker-system.md\":\"baa6ee86\",\"academic_physics_ipho-formulas-jpn_3.md\":\"3bdceeec\",\"development_aws_handson-bashoutter.md\":\"dc38250f\",\"academic_physics_ipho-formulas-jpn_2.md\":\"63e008f9\",\"academic_chemistry_problems_03-02-3.md\":\"764c1ff8\",\"save_reading_outliers_1.md\":\"cc0d794c\",\"academic_chemistry_problems_03-02-1.md\":\"0ce726f0\",\"academic_cis105_cis105-l1-lecture-note.md\":\"541d03b2\",\"development_aws_handson-ec2.md\":\"a93fefc6\",\"application_vitepress-plugin-shiki-twoslash_api_multi-file.md\":\"5cd14cde\",\"development_aws_acknowledgement.md\":\"4f619e60\",\"application_vitepress-plugin-shiki-twoslash_config_flags.md\":\"bde41b4b\",\"application_vitepress-plugin-shiki-twoslash_config_reference.md\":\"296012c0\",\"index.md\":\"95842224\",\"development_aws_aws-get-started.md\":\"a1521dee\",\"academic_cis105_cis105-l2-lecture-note.md\":\"e539db78\",\"development_aws_serverless.md\":\"9ac92b92\",\"development_aws_webserver.md\":\"04601b47\",\"development_file-naming-convention.md\":\"6e3e1bc8\",\"development_git-push-authentication-failed.md\":\"30b59af7\",\"development_installing-npm-package-behind-proxy.md\":\"f299eab1\",\"development_proxy4shell-terminal.md\":\"ace28f88\",\"development_rclone-for-r2.md\":\"d0204ee2\",\"development_aws_scientific-computing.md\":\"8eeeeedd\",\"save_reading_outliers_2.md\":\"6b63b103\",\"development_aws_cloud.md\":\"920769dc\",\"javascript_notes_1_1-1.md\":\"853a552c\",\"development_aws_closing.md\":\"30ef0fc6\",\"application_vitepress-plugin-shiki-twoslash_api_errors.md\":\"a158cf21\",\"academic_cis105_cis105-l5-lecture-note.md\":\"243b8cb2\",\"save_reading_outliers_3.md\":\"5c0a1ce6\",\"academic_chemistry_problems_02-20.md\":\"cde442e0\",\"development_aws_appendix.md\":\"93d00246\",\"development_aws_handson-jupyter.md\":\"8edad601\",\"development_aws_index.md\":\"d1757ae8\",\"academic_physics_ipho-formulas-jpn_5.md\":\"7f176343\",\"application_vitepress-plugin-shiki-twoslash_index.md\":\"9d0e6b29\",\"development_aws_license.md\":\"a14d0e03\",\"application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md\":\"a2303cf6\",\"academic_physics_ipho-formulas-jpn_8.md\":\"ad5c56e8\",\"academic_cis105_cis105-l11-lecture-note.md\":\"47d8dbc5\",\"academic_cis105_cis105-l18-lecture-note.md\":\"e44333a8\",\"jp_index.md\":\"c4dbbac7\",\"save_reading_index.md\":\"310dfaa9\",\"academic_physics_ipho-formulas-jpn_6.md\":\"44fe25da\",\"academic_physics_ipho-formulas-jpn_10.md\":\"abcc33fa\",\"application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md\":\"c95355f8\",\"development_aws_aws-batch.md\":\"446a6898\",\"academic_physics_ipho-formulas-jpn_9.md\":\"5a5974bc\",\"application_vitepress-plugin-shiki-twoslash_api_annotations.md\":\"c250ac2f\",\"roadmap.md\":\"9ecff0f3\",\"academic_cis105_cis105-l14-lecture-note.md\":\"748f057c\",\"academic_physics_ipho-formulas-jpn_1.md\":\"32937231\",\"development_aws_assignments.md\":\"4f8a33fa\",\"development_aws_handson-serverless.md\":\"a0417ee4\",\"development_aws_author.md\":\"9fb19087\",\"development_aws_handson-qabot.md\":\"44930f14\",\"academic_cis105_index.md\":\"cab14e21\",\"application_markdown-it-katex_tips.md\":\"331411ad\",\"application_vitepress-plugin-shiki-twoslash_api_includes.md\":\"e0d4a345\",\"development_aws_main.md\":\"fa3c44a3\",\"application_vitepress-plugin-shiki-twoslash_api_emit.md\":\"2ce113f5\",\"application_markdown-it-katex_support-function.md\":\"6be92dce\",\"application_markdown-it-katex_support-table.md\":\"1b54a7ce\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Toshiki's Note\",\"description\":\"Toshiki's web notebook served via Vitepress!\",\"base\":\"/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Development\",\"link\":\"/development/file-naming-convention\"},{\"text\":\"Academic\",\"items\":[{\"text\":\"K-12\",\"items\":[{\"text\":\"Chemistry\",\"link\":\"/academic/chemistry/index\",\"activeMatch\":\"/academic/chemistry/\"},{\"text\":\"Discrete Math.\",\"link\":\"/discrete-math/index\",\"activeMatch\":\"/categories/fragments/\"},{\"text\":\"Literature\",\"link\":\"/academic/literature/index\",\"activeMatch\":\"/academic/literature/\"},{\"text\":\"CIS105\",\"link\":\"/academic/cis105/index\",\"activeMatch\":\"/academic/cis105/\"}]},{\"text\":\"Tools\",\"items\":[{\"text\":\"Formulas for IPhO JPN.\",\"link\":\"/academic/physics/ipho-formulas-jpn/1\",\"activeMatch\":\"/academic/physics/ipho-formulas-jpn/\"}]},{\"text\":\"\",\"link\":\"\",\"activeMatch\":\"\"},{\"text\":\"\",\"link\":\"\",\"activeMatch\":\"\"},{\"text\":\"\",\"link\":\"\",\"activeMatch\":\"\"},{\"text\":\"\",\"link\":\"\",\"activeMatch\":\"\"},{\"text\":\"\",\"link\":\"\",\"activeMatch\":\"\"},{\"text\":\"\",\"link\":\"\",\"activeMatch\":\"\"},{\"text\":\"\",\"link\":\"\",\"activeMatch\":\"\"}],\"activeMatch\":\"/academic/\"},{\"text\":\"Application\",\"items\":[{\"text\":\"Personal projects\",\"items\":[{\"text\":\"markdown-it-katex\",\"link\":\"/application/markdown-it-katex/how-to-use\",\"activeMatch\":\"/application/markdown-it-katex/\"},{\"text\":\"vitepress-plugin-shiki-twoslash\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/index\",\"activeMatch\":\"/application/vitepress-plugin-shiki-twoslash/index\"}]}],\"activeMatch\":\"/save/\"},{\"text\":\"Save\",\"items\":[{\"text\":\"Reading\",\"link\":\"/save/reading/index\",\"activeMatch\":\"/save/reading/\"},{\"text\":\"Vocabulary\",\"link\":\"/academic/vocabulary/index\",\"activeMatch\":\"/academic/vocabulary/\"}],\"activeMatch\":\"/save/\"}],\"sidebar\":{\"/development/\":[{\"text\":\"Notes & Issues\",\"collapsed\":false,\"items\":[{\"text\":\"File Naming Convention\",\"link\":\"/development/file-naming-convention\"},{\"text\":\"RClone for R2\",\"link\":\"/development/rclone-for-r2\"},{\"text\":\"Proxies Configuration for Shells & Terminal\",\"link\":\"/development/proxy4shell-terminal\"},{\"text\":\"Git push results in \\\"Authentication Failed\\\"\",\"link\":\"/development/git-push-authentication-failed\"},{\"text\":\"Installing NPM Packages Behind Proxy\",\"link\":\"/development/installing-npm-package-behind-proxy\"}]},{\"text\":\"コードで学ぶAWS入門\",\"collapsed\":false,\"items\":[{\"text\":\"背景\",\"link\":\"/development/aws/index\"},{\"text\":\"はじめに！\",\"link\":\"/development/aws/main\"},{\"text\":\"クラウド概論\",\"link\":\"/development/aws/cloud.md\"},{\"text\":\"AWS 入門\",\"link\":\"/development/aws/aws-get-started\"},{\"text\":\"Hands-on 1: 初めての EC2 インスタンスを起動する\",\"link\":\"/development/aws/handson-ec2.md\"},{\"text\":\"クラウドで行う科学計算・機械学習\",\"link\":\"/development/aws/scientific-computing.md\"},{\"text\":\"Hands-on 2: AWS でディープラーニングを実践\",\"link\":\"/development/aws/handson-ec2.md\"},{\"text\":\"Docker 入門\",\"link\":\"/development/aws/docker-system\"},{\"text\":\"Hands-on 3: AWS で自動質問回答ボットを走らせる\",\"link\":\"/development/aws/handson-qabot\"},{\"text\":\"Hands-on 4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する\",\"link\":\"/development/aws/aws-batch\"},{\"text\":\"Web サービスの作り方\",\"link\":\"/development/aws/webserver\"},{\"text\":\"Serverless architecture\",\"link\":\"/development/aws/serverless\"},{\"text\":\"Hands-on 5: サーバーレス入門\",\"link\":\"/development/aws/handson-serverless\"},{\"text\":\"Hands-on 6: Bashoutter\",\"link\":\"/development/aws/handson-bashoutter\"},{\"text\":\"まとめ\",\"link\":\"/development/aws/closing\"},{\"text\":\"ppendix: 環境構築\",\"link\":\"/development/aws/appendix\"},{\"text\":\"謝辞\",\"link\":\"/development/aws/acknowledgement\"}]}],\"/academic/chemistry/\":[{\"text\":\"Textbook\",\"collapsed\":true,\"items\":[{\"text\":\"12-5: Reaction Mechanism\",\"link\":\"/academic/chemistry/notes/12-5\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"}]},{\"text\":\"Kinetics\",\"collapsed\":false,\"items\":[{\"text\":\"Rate determining steps\",\"link\":\"/academic/chemistry/notes/kinetics/rate-determining-step\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"}]},{\"text\":\"Problems & Solutions\",\"collapsed\":true,\"items\":[{\"text\":\"Problem: 02-20\",\"link\":\"/academic/chemistry/problems/02-20\"},{\"text\":\"Problem: 03-02-1\",\"link\":\"/academic/chemistry/problems/03-02-1\"},{\"text\":\"Problem: 03-02-2\",\"link\":\"/academic/chemistry/problems/03-02-2\"},{\"text\":\"Problem: 03-02-3\",\"link\":\"/academic/chemistry/problems/03-02-3\"}]}],\"/academic/physics\":[{\"text\":\"IPhO Formulas: JP Ver.\",\"collapsed\":false,\"items\":[{\"text\":\"1: 数学\",\"link\":\"/academic/physics/ipho-formulas-jpn/1\"},{\"text\":\"2: 一般的な推奨事\",\"link\":\"/academic/physics/ipho-formulas-jpn/2\"},{\"text\":\"3: 運動学\",\"link\":\"/academic/physics/ipho-formulas-jpn/3\"},{\"text\":\"4: 力学\",\"link\":\"/academic/physics/ipho-formulas-jpn/4\"},{\"text\":\"5: 振動と波\",\"link\":\"/academic/physics/ipho-formulas-jpn/5\"},{\"text\":\"6: 幾何光学，測光\",\"link\":\"/academic/physics/ipho-formulas-jpn/6\"},{\"text\":\"7: 波動光学\",\"link\":\"/academic/physics/ipho-formulas-jpn/7\"},{\"text\":\"8: 電気回路\",\"link\":\"/academic/physics/ipho-formulas-jpn/8\"},{\"text\":\"9: 電磁気学\",\"link\":\"/academic/physics/ipho-formulas-jpn/9\"},{\"text\":\"10: 熱力\",\"link\":\"/academic/physics/ipho-formulas-jpn/10\"},{\"text\":\"11: 量子力学\",\"link\":\"/academic/physics/ipho-formulas-jpn/11\"},{\"text\":\"12: Keplerの法則\",\"link\":\"/academic/physics/ipho-formulas-jpn/12\"},{\"text\":\"13: 相対性理論\",\"link\":\"/academic/physics/ipho-formulas-jpn/13\"}]}],\"/academic/cis105/\":[{\"text\":\"CIS 105: Computer Applications and Information Technology\",\"collapsed\":false,\"items\":[{\"text\":\"Course Overview & Schedule\",\"link\":\"/academic/cis105/index\"},{\"text\":\"Lect 1: Everything Changes\",\"link\":\"/academic/cis105/cis105-l1-lecture-note\"},{\"text\":\"Lect 2: Application Software\",\"link\":\"/academic/cis105/cis105-l2-lecture-note\"},{\"text\":\"Lect 3: Computer Hardware\",\"link\":\"/academic/cis105/cis105-l3-lecture-note\"},{\"text\":\"Lect 4: Formulas and Functions\",\"link\":\"/academic/cis105/cis105-l4-lecture-note\"},{\"text\":\"Lect 5: Operating System\",\"link\":\"/academic/cis105/cis105-l5-lecture-note\"},{\"text\":\"Lect 6 Pt 1: System Software\",\"link\":\"/academic/cis105/cis105-l6-pt1-lecture-note\"},{\"text\":\"Lect 6 Pt 2: Logical Functions\",\"link\":\"/academic/cis105/cis105-l6-pt2-lecture-note\"},{\"text\":\"Lect 7: Green Business Computing\",\"link\":\"/academic/cis105/cis105-l7-lecture-note\"},{\"text\":\"Lect 8: Green Computer Networks\",\"link\":\"/academic/cis105/cis105-l8-lecture-note\"},{\"text\":\"Lect 9: Internet\",\"link\":\"/academic/cis105/cis105-l9-lecture-note\"},{\"text\":\"Lect 10: Business Websites\",\"link\":\"/academic/cis105/cis105-l10-lecture-note\"},{\"text\":\"Lect 11: Computer Security\",\"link\":\"/academic/cis105/cis105-l11-lecture-note\"},{\"text\":\"Lect 12: Introduction to SQL\",\"link\":\"/academic/cis105/cis105-l12-lecture-note\"},{\"text\":\"Lect 13: Information Systems in Business\",\"link\":\"/academic/cis105/cis105-l13-lecture-note\"},{\"text\":\"Lect 14: More SQL Statements\",\"link\":\"/academic/cis105/cis105-l14-lecture-note\"},{\"text\":\"Lect 15: Business System Reporting\",\"link\":\"/academic/cis105/cis105-l15-lecture-note\"},{\"text\":\"Lect 16: Information Technology Careers\",\"link\":\"/academic/cis105/cis105-l16-lecture-note\"},{\"text\":\"Lect 17: SQL Clauses: JOIN Query\",\"link\":\"/academic/cis105/cis105-l17-lecture-note\"},{\"text\":\"Lect 18: Databases\",\"link\":\"/academic/cis105/cis105-l18-lecture-note\"}]}],\"/academic/vocabulary/\":[{\"text\":\"Vocabulary\",\"collapsed\":true,\"items\":[{\"text\":\"2023-02-27\",\"link\":\"/academic/vocabulary/2023/02/2023-02-27\"}]}],\"/academic/literature/\":[{\"text\":\"Writing Resources\",\"collapsed\":true,\"items\":[{\"text\":\"Patterns of Organization and Methods of Development\",\"link\":\"/academic/literature/writing/methods-of-development\"}]}],\"/javascript/\":[{\"text\":\"1: Basic JavaScript-Value, Variables, and Control Flow\",\"collapsed\":true,\"items\":[{\"text\":\"1-1: Numbers\",\"link\":\"/javascript/notes/1/1-1\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"},{\"text\":\"\",\"link\":\"\"}]}],\"/save/reading/\":[{\"text\":\"Outliers\",\"collapsed\":true,\"items\":[{\"text\":\"Introduction & Chapter 1: The Roseto Mystery\",\"link\":\"/save/reading/outliers/1\"},{\"text\":\"Chapter 2: The 10,000-Hour Rule\",\"link\":\"/save/reading/outliers/2\"},{\"text\":\"Chapter 3: The Trouble with Geniuses, Part 1\",\"link\":\"/save/reading/outliers/3\"},{\"text\":\"Chapter 4: The Trouble with Geniuses, Part 2\",\"link\":\"/save/reading/outliers/4\"}]}],\"/application/markdown-it-katex/\":[{\"text\":\"markdown-it-katex\",\"collapsed\":false,\"items\":[{\"text\":\"1: How to use?\",\"link\":\"/application/markdown-it-katex/how-to-use\"},{\"text\":\"2: KaTeX supported functions\",\"link\":\"/application/markdown-it-katex/support-function\"},{\"text\":\"3: KaTeX support tables\",\"link\":\"/application/markdown-it-katex/support-table\"},{\"text\":\"4: Tips\",\"link\":\"/application/markdown-it-katex/tips\"}]}],\"/application/vitepress-plugin-shiki-twoslash/\":[{\"text\":\"Guide\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/\"},{\"text\":\"Markdown Extensions\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions\"},{\"text\":\"Using a Custom Theme\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/guide/custom-theme\"}]},{\"text\":\"Features\",\"collapsed\":false,\"items\":[{\"text\":\"Queries\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/queries\"},{\"text\":\"Errors\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/errors\"},{\"text\":\"Emit\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/emit\"},{\"text\":\"Cutting\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/cutting\"},{\"text\":\"Multi-file\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/multi-file\"},{\"text\":\"@types\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/types\"},{\"text\":\"Meta Annotations\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/annotations\"},{\"text\":\"Logging\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/logging\"},{\"text\":\"Includes\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/api/includes\"}]},{\"text\":\"Config\",\"collapsed\":false,\"items\":[{\"text\":\"Reference\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/config/reference\"},{\"text\":\"Compiler Flags\",\"link\":\"/application/vitepress-plugin-shiki-twoslash/config/flags\"}]}]},\"footer\":{\"copyright\":\"Wrote with <span class=\\\"heart\\\">💓</span> with 🌵 by <a href=\\\"https://toshiki.dev\\\">Anda Toshiki</a> at <code>root@andatoshiki:/~</code> in the innovative HQ of <a href=\\\"https://asu.edu\\\">ASU</a>\",\"message\":\"Copyright © 2023-2024 <a href=\\\"https://github.com/andatoshiki\\\">Anda Toshiki</a>, <a href=\\\"https://github.com/lolilab\\\">LoliLab</a> and <a href=\\\"https://github.com/toshikidev\\\">Toshiki Dev</a> present <br /><span id=\\\"siteruntime_span\\\"></span>\"},\"logo\":\"/logos/logo.png\",\"outline\":\"deep\",\"outlineTitle\":\"TOC\",\"outlineBadges\":false,\"lastUpdatedText\":\"Last updated\",\"search\":{\"provider\":\"local\"},\"editLink\":{\"pattern\":\"https://github.com/andatoshiki/toshiki-notebook/edit/master/docs/:path\",\"text\":\"Edit this page on GitHub\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/andatoshiki\"},{\"icon\":\"twitter\",\"link\":\"https://twitter.com/andatoshiki\"},{\"icon\":\"mastodon\",\"link\":\"https://mastodon.social/@andatoshiki\"}]},\"locales\":{\"/\":{\"label\":\"English\",\"lang\":\"en-US\"},\"/jp/\":{\"label\":\"Japanese\",\"title\":\"Vue Test Utils\",\"lang\":\"jp-JP\",\"description\":\"La documentation officielle de Vue Test Utils\"}},\"scrollOffset\":90,\"cleanUrls\":true}");</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink