MathJax
LaTeX 문법을 사용하여 수식입력을 할 수 있게 해주는 JavaScript 라이브러리이다.
가장 도움이 된 포스팅: Seongsu 님의 포스팅 Jekyll Github 블로그에 MathJax 적용하기
_config.yml 수정
1
2
3
4
5
6
# Conversion
markdown: kramdown
highlighter: rouge
lsi: false
excerpt_separator: "\n\n"
incremental: false
mathjax_support.html 생성
_includes디렉토리에mathjax_support.html파일 생성하자
1
2
3
4
5
6
7
8
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
_layouts/default.html 파일의 head 부분에 다음 내용 추가
- 나는 템플릿 모듈화가 되어있기에
head.html에 직접 추가한다.
1
2
3
4
5
6
7
8
9
10
11
<!-- mathjax 추가 -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
적용법
- 수학식을 사용할
_posts하위의~.md파일의 상단에 다음을 추가해준다.
1
2
3
---
use_math: true
---
예제
1
2
3
4
5
6
7
8
9
10
11
12
---
layout: post
title: "[Etc] 깃허브 블로그에 수식 넣기, MathJax 사용 "
categories: [Etc, Tips]
tags: [github blog, mathjax, blog, jekyll, markdown]
use_math: true
fullview: false
comments: false
---
$$G_{t}=\sum \limits_{k=0}^\infty \gamma ^k R_{t+k+1}$$
적용이 잘 되는 것을 확인 할 수 있다.
LaTeX 문법, 수식 사용법은 다른 글을 참조하자.
참고
d2h10s 님의 포스팅 [LaTex] Markdown 수식 작성법
huni0318 님의 포스팅 Jekyll,Github 블로그에 LaTex, MathJax 적용, 오류해결
Minki Kim 님의 포스팅 Jekyll Github 블로그에 MathJax로 수학식 표시하기
Seongsu 님의 포스팅 Jekyll Github 블로그에 MathJax 적용하기