2018년 4월 5일 목요일

Google 블로그 Latex 작성하기

Google 블로그 Latex 작성하기



안녕하세요 산동일크무크의 "일크"입니다.

오늘은 Google 블로그에서 Latex를 사용하는 방법에 대해 알아봅시다!


저희 산동일크무크 홍보를 위해, 매일마다 한 문제씩, 수학 및 물리 문제에 대한 답안지를 공개중에 있습니다. 이때 답안지의 수식을 저는 주로 Latex를 이용하여 만드는데요, 이러한 Latex 코드를 어떻게 HTML로 옮길 수 있을까요?

검색해 보니 방법은 간단한것 같습니다. Google에 검색해보시면 바로 아래와 같은 제목의 내용을 확인하실 수 있습니다.


위 홈페이지에서 찾아보면, 아래와 같은 구문을 찾을 수 있습니다.

1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>Mathedemo</title>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
</head>
cs

그렇지만 이 코드를 삽입하면, 아래와 같은 오류 문구가 뜹니다.



지인의 말에 따르면, "https연결인데 내부 resource가 http로 가져오는거면 저렇게 뜸"이라고 하네요. (s붙으면 ssl 암호화 통신을 한다고 하네요.)

Mathjax 설명자료에 따르면 아래와 같이 사용하면 된다고 합니다.

홈페이지 주소: http://docs.mathjax.org/en/latest/start.html

1
2
3
4
5
6
7
8
9
<html>
<head>
<title>Mathedemo</title>
<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.4/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
</head>
cs


Latex랑 MathJax는 100프로 호환은 안되는것 같습니다. 그래서 전 LATEX를 HTML로 바꾼후에 MathJax로 distribute합니다. (제 표현이 틀렸을수도 있습니다.)

아무튼, 아래 두개의 문제풀이를 올리며 경험한걸 간단히 정리해 봤습니다.

첫번째 코드로 만든 자료(http) : https://goo.gl/rSbJTR

두번째 코드로 만든 자료(https): https://goo.gl/HzYpH5



감사합니다.







4차 산업혁명에 걸맞는 인터넷 기반 고등교육기관

이메일: ilkmooc@ilkmooc.kr

홈페이지주소: http://ilkmooc.kr

산동일크무크란? https://goo.gl/FnvqXd

댓글 없음:

댓글 쓰기