마크다운을 이용해 티스토리에 LaTex 수식 입력하기 | Tistory, Markdown, html, LaTex
2022. 11. 2. 21:44ㆍMemo/etc
티스토리에서 수식을 입력하고 싶다면 수식의 시작과 끝을 $$로 감싸주시면 됩니다.
LaTeX 예시는 아래 글을 참고하세요.
마크 다운(MarkDown)에서 사용하는 수식(TEX) 정리 (tistory.com)
마크 다운(MarkDown)에서 사용하는 수식(TEX) 정리
마크다운으로 수식을 입력하려면 수식의 시작과 끝을 $$로 감싸주시면 됩니다. 그리스 문자 $\alpha$ \alpha $\beta$ \beta $\gamma$ \gamma $\delta$ \delta $\epsilon$ \epsilon $\varepsilon$ \varepsilon $\zeta$ \zeta $\eta$ \eta
rayc20.tistory.com
우선 블로그 관리에서 꾸미기 - 스킨 변경 - 편집 - html 편집으로 들어가시기 바랍니다.
그 후 <head> 와 </head> 사이에 아래 코드를 복사해서 붙여넣기 해주시면 됩니다.
<!-- 수학 수식 1 -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>
<!-- 수학 수식 2 -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>또는
<!--katex javascript-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
renderMathInElement(document.body, {
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false},
{left: "\\(", right: "\\)", display: false},
{left: "\\[", right: "\\]", display: true}
]
});
});
</script>
<!--end katex javascript-->이렇게하면 데스크탑버전에서는 수식이 깨지지 않고 잘 보입니다.
모바일 버전에서는 글마다 설정해줘야합니다.
더보기
<!--katex javascript-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
renderMathInElement(document.body, {
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false},
{left: "\\(", right: "\\)", display: false},
{left: "\\[", right: "\\]", display: true}
]
});
});
</script>
<!--end katex javascript-->
'Memo > etc' 카테고리의 다른 글
| 인공 지능 | Artificial Intelligence : An Overview (0) | 2023.01.31 |
|---|---|
| 미세플라스틱 검출 방법 | how to detect Microplastic (0) | 2023.01.03 |
| macOS 13 Ventura 업데이트 날짜 출시일 공개 | Apple macOS 13 Ventura Release 정보 공유 (1) | 2022.10.19 |
| 유튜브 소리 녹음 및 편집 방법 정리 | 맥, 음성 메모, 유튜브(youtube), izotope, Sony Rode nt-usb 마이크 리뷰 (1) | 2022.09.26 |
| 2022 비과세 예금과 향후 FOMC, 금통위 일정 (0) | 2022.09.06 |