새소식

tips

티스토리 수식 입력 방법

  • -

티스토리에는 수식을 입력하는 기능이 기본적으로 제공되지 않아 HTML을 수정하여 수식 입력이 가능하도록 설정해주어야 한다.

 

그래서 업로드한 티스토리 수식 작성 방법

1. 티스토리 관리의 꾸미기 > 스킨 편집 > 우측 html 편집 창으로 접속한다.

2. <head> 아래에 해당 코드를 붙여넣는다.

<!--수식-->
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [['$','$'], ['\\[','\\]']], // 본문의 수식 구분자 수정
      processEscapes: true
    }
  });
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'></script>

다른 블로그들에 있는 코드를 쓰다 보니 제목에 '[', ']'를 넣었을 때 폰트가 명조로 깨지는 현상이 있어서...

위는 이 현상을 수정한 코드이다.

이렇게 붙여넣은 뒤 우측 상단의 적용을 누르면 이제 티스토리에서 수식을 넣을 수 있다.

 

3. 수식 작성하기

수식 작성이 가능하도록 설정되었으면 이제 LaTex 문법을 사용해서 수식을 작성할 것이다. 몇 번 하면 익혀지지만 처음엔 아무것도 모르니까 아래 사이트의 도움을 받았다. 수식을 LaTex 문법을 변환해주는 사이트이다. 사실 LaTex 문법으로 작성된 식을 수식으로 바꿔주는 사이트이지만 한글처럼 상단바의 수식들을 누르면 LaTex로 변환할 수 있다.

 

Equation Editor for online mathematics - create, integrate and download

Download svg gif png pdf emf 5 pt 9 pt 10 pt 12 pt 18 pt 20 pt 50 80 100 110 120 150 200 300 Transparent White Black Red Green Blue Inline Block WordPress phpBB Tiny Wiki url url encoded xml pre doxygen html latex Formatted string containing your Equation

editor.codecogs.com

들어가면 이런 창이 뜬다

여기서 원하는 수식을 긁어와서 티스토리에 넣는다. 단 넣을 때 양옆에 $ 표시를 사용해줘야 한다. 

 

4. 그 외 팁

양옆에 $를 하나씩 사용하면 본문 글자 크기에 맞춰 삽입되고, 두 개씩 사용하면 페이지 중앙에 크게 삽입된다.

 

순서대로 1, 2라 하자

 

$ \sum_{i=1}^{n} x^2 $ 1은 옆에 줄글을 쓸 수 있고

$$ \sum_{i=1}^{n} x^2 $$ 2는 아래로 내려서 글자가 적용된다.

2의 경우 붙여서 써도 글자가 아래로 내려온다.

 

한글의 경우 명조체로 삽입되며 사용할 수 있지만 별도 표시가 없으면 $띄어쓰기는 적용되지 않으며$

띄어쓰기를 넣고 싶다면 \; 또는 \,를 삽입하여 $띄어쓰기를 \; 적용할 \; 수 \; 있다.$

바로 이렇게

 

'tips' 카테고리의 다른 글

Konlpy/Okt 설치 오류 해결 방법  (0) 2024.12.30
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.