KaTeX?

https://katex.org

The fastest math $\bold \color{#329894}{fastest}$ library for the web.
>The fastest math $\bold \color{#329894}{fastest}$ library for the web.

Syntax

노션 참고
공문도 있음

$\dot{a}$

$\mathsf \color{#05D6B6}{KaTexFormat}$
$\mathsf \color{#05D6B6}{KaTexFormat}$

$\color{pink}{pink}$
$\color{pink}{분홍색}$

$\color{tomato} \fcolorbox{tomato}{white}{ㅂ}$ㅏㄴ블록
$\color{tomato} \fcolorbox{tomato}{white}{블록}$
$\color{tomato} \colorbox{white}{이거 재밌네요}$

취소선
$\cancel{오른쪽 멋진취소선!}$
$\bcancel{왼쪽 멋진취소선!}$
$\xcancel{더멋진취소선!}$

$\dot{a}$

`$\mathsf \color{#05D6B6}{KaTexFormat}$`
$\mathsf \color{#05D6B6}{KaTexFormat}$

$\color{pink}{pink}$
$\color{pink}{분홍색}$

$\color{tomato} \fcolorbox{tomato}{white}{ㅂ}$ㅏㄴ블록
$\color{tomato} \fcolorbox{tomato}{white}{블록}$
$\color{tomato} \colorbox{white}{이거 재밌네요}$

~~취소선~~
$\cancel{오른쪽 멋진취소선!}$
$\bcancel{왼쪽 멋진취소선!}$
$\xcancel{더멋진취소선!}$

$\Large \def\arraystretch{1.5} \begin{array}{c:c:c:c:c} \mathsf {이건} & \mathsf {+} & \mathsf {굉장히} & \mathsf {+} & \mathsf {혁명적입니다.} \\ \hline \end{array}$

$
\Large \def\arraystretch{1.5}
   \begin{array}{c:c:c:c:c}
   \mathsf {이건} & \mathsf {+} & \mathsf {굉장히} & \mathsf {+} & \mathsf {혁명적입니다.} \\ \hline
\end{array}
$

원래 span element로도 색칠은 가능했습니다.
원래 span element로도 색칠은 가능했습니다.
$\color{#2EB6FF} {하지만 이건 어떤가요?}$
$\color{#2EB6FF} \bold {하지만 이건 어떤가요?}$

<span style="color:#2EB6FF;">원래 span element로도 색칠은 가능했습니다.</span>
<span style="color:#2EB6FF;font-weight:bold">원래 span element로도 색칠은 가능했습니다.</span>
$\color{#2EB6FF} {하지만 이건 어떤가요?}$
$\color{#2EB6FF} \bold {하지만 이건 어떤가요?}$

Text Colors

$\color{blueviolet}{blueviolet}$
$\color{aquamarine}{aquamarine}$
$\color{brown}{brown}$
$\color{cadetblue}{cadetblue}$
$\color{darkorchid}{darkorchid}$
$\color{chocolate}{chocolate}$
$\color{cornflowerblue}{cornflowerblue}$
$\color{cyan}{cyan}$
$\color{darkgray}{darkgray}$
$\color{darkslateblue}{darkslateblue}$
$\color{forestgreen}{forestgreen}$
$\color{fuchsia}{fuchsia}$
$\color{gold}{gold}$
$\color{goldenrod}{goldenrod}$
$\color{gray}{gray}$
$\color{green}{green}$
$\color{greenyellow}{greenyellow}$
$\color{lavender}{lavender}$
$\color{lightgray}{lightgray}$
$\color{limegreen}{limegreen}$
$\color{magenta}{magenta}$
$\color{maroon}{maroon}$
$\color{mediumpurple}{mediumpurple}$
$\color{midnightblue}{midnightblue}$
$\color{navajowhite}{navajowhite}$
$\color{olive}{olive}$
$\color{orange}{orange}$
$\color{orangered}{orangered}$
$\color{orchid}{orchid}$
$\color{pink}{pink}$
$\color{plum}{plum}$
$\color{purple}{purple}$
$\color{red}{red}$
$\color{royalblue}{royalblue}$
$\color{salmon}{salmon}$
$\color{seagreen}{seagreen}$
$\color{silver}{silver}$
$\color{skyblue}{skyblue}$
$\color{springgreen}{springgreen}$
$\color{tan}{tan}$
$\color{thistle}{thistle}$
$\color{tomato}{tomato}$
$\color{turquoise}{turquoise}$
$\color{violet}{violet}$
$\color{yellow}{yellow}$
$\color{yellowgreen}{yellowgreen}$

Background Colors

$\colorbox{aquamarine}{1234567890}$
$\colorbox{cadetblue}{1234567890}$
$\colorbox{cornflowerblue}{1234567890}$
$\colorbox{gold}{1234567890}$
$\colorbox{lightgray}{1234567890}$
$\colorbox{pink}{1234567890}$
$\colorbox{plum}{◃ use any of the colors to the left}$

$\fbox {add a simple border}$

$\color{lavender} \fcolorbox{midnightblue}{orchid}{use color boxes with borders}$
$\color{tomato} \fcolorbox{tomato}{white}{color borders and text only}$
$\color{midnightblue} \fcolorbox{green}{greenyellow}{color backgrounds and text}$
$\mathsf{} \color{navajowhite} \fcolorbox{darkslateblue}{orange}{experiment with combinations}$
$\color{pink} \fcolorbox{pink}{#8b4e96}{have fun with symbols ♠ ♡ ♣ ♢}$

Fonts

$\texttt {Typewriter}$
$\mathscr {Typewriter}$

$\mathsf {Sans~Serif}$

$\mathbb {CHALKBOARD}$

$\mathrm {Roman}$

$\mathcal {Caligraphic}$

$\texttt {Typewriter}$
$\mathscr {Typewriter}$

$\mathsf {Sans~Serif}$

$\mathbb {CHALKBOARD}$

$\mathrm {Roman}$

$\mathcal {Caligraphic}$

Sizes

$\tiny {Tiny}$

$\scriptsize Script~Size$

$\footnotesize Footnote~Size$

$\small Small$

$\normalsize Normal~Size$

$\large Large$

$\Large Large$

$\LARGE Large$

$\huge Huge$

$\Huge Huge$

Text Decorations

$\utilde{swooshy~underline}$

$\underrightarrow{underline~right~arrow}$

$\underleftarrow{underline~left~arrow}$

$\underline{underline}$

$\undergroup{group1}$ $\undergroup{group2}$ $\undergroup{group3}$

$\sout{strikethrough}$

$\xcancel{Xcancel}$

3rd party service

상남자 판독기

---

사실 주인장은 알렸었음

---

코드 모래장도 있음

---

코드팬도 됨 그런데 이게 더 이쁜듯

아 그런데 수정마다 리로드하니 랙오짐