menelause
수학수식 입력(Latex) MathJax [HTML 문서 지원]
자주 쓰이는 MathJax 기본 명령어
| Latex_tag | | 수식 실행 |
$ y = ax + b $ | : |
|
$$ y = \frac {ax}{b} $$ | : | $$ y = \frac {ax}{b} $$
|
$$ y = \sqrt {b^2 - 4ac} $$ | : | $$ y = \sqrt {b^2 - 4ac} $$
|
$$ y = {(-b \pm \sqrt{b^2-4ac}) \over (2a)} $$ | : | $$ y = {(-b \pm \sqrt{b^2-4ac}) \over (2a)} $$
|
$$ y = {(ABC) \over (ABC)} $$ | : | $$ y = {(ABC) \over (ABC)} $$
|
$$ a \ne 0 $$ | : | $$ a \ne 0 $$
|
$$ ax^2 + bx + c = 0 $$ | : | $$ ax^2 + bx + c = 0 $$
|
$$ 5 > 4 $$ | : | $$ 5 > 4 $$
|
$$ 3 \lt 4 $$ | : | $$ 3 \lt 4 $$
|
`\(x_1 = 132\)` | : | `\(x_1 = 132\)`
|
\begin{array}{cc} a & b \\ c & c \end{array} | : |
\begin{array}{cc}
a & b \\
c & c
\end{array}
|
\begin{equation}
E = mc^2
\end{equation} | : |
\begin{equation}
E = mc^2
\end{equation}
|
\begin{equation*}
e^{\pi i} + 1 = 0
\end{equation*} | : | \begin{equation*}
e^{\pi i} + 1 = 0
\end{equation*}
|
\begin{equation}
\int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}
\label{eq:sample}
\end{equation} | : |
\begin{equation}
\int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}
\label{eq:sample}
\end{equation}
|
$ x \href{why-equal.html}{=} y^2 + 1
(x+1)^2 = \class{hidden}{(x+1)(x+1)}
(x+1)^2 = \cssId{step1}{\style{visibility:hidden}{(x+1)(x+1)}} $ | : | $ x \href{why-equal.html}{=} y^2 + 1
(x+1)^2 = \class{hidden}{(x+1)(x+1)}
(x+1)^2 = \cssId{step1}{\style{visibility:hidden}{(x+1)(x+1)}} $
|
$!$ | : | $$ ! $$
|
$ \color{blue}{text} $ | : | $\color{blue}{mathjax text color}$
|
$n\geqq2$ | : | $n\geqq2$
|
$\enclose{circle}{circle\,text}$
To use this extension in your own configurations, add it to the extensions array in the TeX block.
이 확장을 자신의 구성에서 사용하려면 TeX블록의 확장배열에 추가 하십시오.
| : | $\enclose{circle}{circle\,text}$
|
Supported LaTeX commands
MathJax 에서 지원되는 Latex 명령어들
실제 이름과 직관적으로 되어 있으니 $$기호사이에 넣어보자
공백문자
\, | 작은 간격
| quad의 3/18
|
\: | 중간 간격
| quad의 4/18 |
\; | 큰 간격
| quad의 5/18 |
\! | 반대 간격
| quad의 -3/18 |
How to use MathJax in HTML ?
<![CDATA[
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$']]}
});
</script>
<script src="http://cdn.mathjax.org/mathjax/2.4-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: [],
jax: ["input/TeX", "output/HTML-CSS"],
preRemoveClass: "mathjax-preview",
"HTML-CSS": { availableFonts: ["TeX"] }, // js 배열을 추가할 때 ,(쉼표) 잊지말기
TeX: { //여기부터 Circle Text 확장 블럭
extensions: ["enclose.js"]
}
});
</script>
<script src="http://cdn.mathjax.org/mathjax/2.4-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<head>와
<style type="text/css">.another_category {
border: 1px solid #E5E5E5;
padding: 10px 10px 5px;
margin: 10px 0;
clear: both;
}
.another_category h4 {
font-size: 12px !important;
margin: 0 !important;
border-bottom: 1px solid #E5E5E5 !important;
padding: 2px 0 6px !important;
}
.another_category h4 a {
font-weight: bold !important;
}
.another_category table {
table-layout: fixed;
border-collapse: collapse;
width: 100% !important;
margin-top: 10px !important;
}
* html .another_category table {
width: auto !important;
}
*:first-child + html .another_category table {
width: auto !important;
}
.another_category th, .another_category td {
padding: 0 0 4px !important;
}
.another_category th {
text-align: left;
font-size: 12px !important;
font-weight: normal;
word-break: break-all;
overflow: hidden;
line-height: 1.5;
}
.another_category td {
text-align: right;
width: 80px;
font-size: 11px;
}
.another_category th a {
font-weight: normal;
text-decoration: none;
border: none !important;
}
.another_category th a.current {
font-weight: bold;
text-decoration: none !important;
border-bottom: 1px solid !important;
}
.another_category th span {
font-weight: normal;
text-decoration: none;
font: 10px Tahoma, Sans-serif;
border: none !important;
}
.another_category_color_gray, .another_category_color_gray h4 {
border-color: #E5E5E5 !important;
}
.another_category_color_gray * {
color: #909090 !important;
}
.another_category_color_gray th a.current {
border-color: #909090 !important;
}
.another_category_color_gray h4, .another_category_color_gray h4 a {
color: #737373 !important;
}
.another_category_color_red, .another_category_color_red h4 {
border-color: #F6D4D3 !important;
}
.another_category_color_red * {
color: #E86869 !important;
}
.another_category_color_red th a.current {
border-color: #E86869 !important;
}
.another_category_color_red h4, .another_category_color_red h4 a {
color: #ED0908 !important;
}
.another_category_color_green, .another_category_color_green h4 {
border-color: #CCE7C8 !important;
}
.another_category_color_green * {
color: #64C05B !important;
}
.another_category_color_green th a.current {
border-color: #64C05B !important;
}
.another_category_color_green h4, .another_category_color_green h4 a {
color: #3EA731 !important;
}
.another_category_color_blue, .another_category_color_blue h4 {
border-color: #C8DAF2 !important;
}
.another_category_color_blue * {
color: #477FD6 !important;
}
.another_category_color_blue th a.current {
border-color: #477FD6 !important;
}
.another_category_color_blue h4, .another_category_color_blue h4 a {
color: #1960CA !important;
}
.another_category_color_violet, .another_category_color_violet h4 {
border-color: #E1CEEC !important;
}
.another_category_color_violet * {
color: #9D64C5 !important;
}
.another_category_color_violet th a.current {
border-color: #9D64C5 !important;
}
.another_category_color_violet h4, .another_category_color_violet h4 a {
color: #7E2CB5 !important;
}
</style>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-381a16ca5dbe696f080b8a96eaf397c877057514/static/style/revenue.css"/>
<link rel="canonical" href="https://booolean.tistory.com/275"/>
<!-- BEGIN STRUCTURED_DATA -->
<script type="application/ld+json">
{"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://booolean.tistory.com/275","name":null},"url":"https://booolean.tistory.com/275","headline":"수학수식 입력(Latex) MathJax [HTML 문서 지원]","description":"menelause If you can see this massage, I'm sorry. You need to get Google Chrome browser to see MathJax 수학수식 입력(Latex) MathJax [HTML 문서 지원] 자주 쓰이는 MathJax 기본 명령어 Latex_tag수식 실행 $ y = ax + b $: $$ y = \\frac {ax}{b} $$:$$ y = \\frac {ax}{b} $$ $$ y = \\sqrt {b^2 - 4ac} $$:$$ y = \\sqrt {b^2 - 4ac} $$ $$ y = {(-b \\pm \\sqrt{b^2-4ac}) \\over (2a)} $$:$$ y = {(-b \\pm \\sqrt{b^2-4ac}) \\over (2a)} $$ $$ y = {..","author":{"@type":"Person","name":"boolean","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2015-07-25T03:17:07+09:00","dateModified":"2018-10-15T20:45:36+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}}
</script>
<!-- END STRUCTURED_DATA -->
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-381a16ca5dbe696f080b8a96eaf397c877057514/static/style/dialog.css"/>
<link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-381a16ca5dbe696f080b8a96eaf397c877057514/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-381a16ca5dbe696f080b8a96eaf397c877057514/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-381a16ca5dbe696f080b8a96eaf397c877057514/static/script/common.js"></script>
</head>사이에 위 javasdript 코드를 복사 붙여넣기 하거나]]><![CDATA[실제로 티스토리 블로그에서 MathJax를 사용하려면 관리 > 꾸미기 > 스킨편집 > HTML/CSS/파일업로드 에서 HTML의 </head> 위에 코드를 붙여 넣기만 하면 된다.]]><![CDATA[본문 안에 자주 쓰이는 MathJax 기본 명령어를 넣어본다.
</pre>
]]>
댓글