Jekyll, Github에 MathJax 적용하기

최대 1 분 소요

블로그에 수학 수식 사용하기

멋있어 보였다. 블로그에 수학 수식이라니… AI 개발 블로그들을 돌아다녀보면 수식이 이미지가 아닌 텍스트로 표시가 되더라. 나도 해보고 싶었다.

블로그 운영 환경: Jekyll Github
사용 수학 라이브러리: MathJax
참고 블로그: MKKIM’s Blog

적용방법

마크다운 엔진 변경

_config.yml 파일의 내용 변경 (내가 쓰는 jekyll 소스에는 기본으로 아래와 같이 되어 있었다.)

# Conversion
markdown: kramdown
highlighter: rouge
lsi: false
excerpt_separator: "\n\n"
incremental: false

_includes 디렉토리에 mathjax_supoort.html 파일 생성 후 아래 스크립트 입력

<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 부분에 아래 스트립트 입력

/* mathjax 추가 */

  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-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>


</head>
<body>

</body>
</html>

블로그 작성 글 상단 front-matter에 user_math: true 적용

---
title: "[Toy Project 3] 낙서 인식 프로젝트 (QuickDraw)"
header:
categories:
  - Toy Project
tags:
  - QuickDraw
  - Python
use_math: true
---

요래 적용하니 아래와 같이 math block이 적용되었다.

이렇게 적으니 -> OH = \frac{H+2P-FH}{S} + 1

요렇게 나온다. 신기하다.

\[OH = \frac{H+2P-FH}{S} + 1\]

Twitter Facebook LinkedIn

color777x

Jekyll, Github에 MathJax 적용하기

블로그에 수학 수식 사용하기

적용방법

공유하기

참고

합성곱 신경망 (Convolution Neural Networks)

MathJax LaTex 사용법

[Toy Project 3] 낙서 인식 프로젝트 (QuickDraw)

22년 스마트 교육 시장 근황