はてなブログで数式を書く方法(mathjaxの導入)

スポンサーリンク

はじめに

はてなブログで数式を扱えるように設定してみた
編集モードはマークダウン形式で行い、mathjaxを導入して
数式をかけるようにして行く

編集モード

はてなブログには編集モードが、見たまま、はてな記法
マークダウン、HTMLがある

f:id:shangtian:20181221210755p:plain

マークダウンで書いて行くのでここをマークダウンに設定

Mathjaxの導入

Mathjaxを導入しなくてもtex形式で数式を書くことができるけど
結構使えない文字とか記号とかがあってMathjaxを導入して行く

まずデザインをクリックしてデザインの設定画面を開く

f:id:shangtian:20181221211613p:plain

赤丸部分をクリックして

f:id:shangtian:20181221211732p:plain

ヘッダーをクリックして

f:id:shangtian:20181221211846p:plain

ヘッダーの項目に以下のコードを貼り付ける

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML" async="" type="text/javascript"> </script>

下のスクショの赤四角部分をクリックすると

f:id:shangtian:20181221212717p:plain

エディターが出てくるのでそこに貼り付け

f:id:shangtian:20181221212254p:plain

で設定を保存して終了

書き方

数式を書くときは$マーキで囲った中に書いていく

$$
f(x) = \int x dx
$$

$$ f(x) = \int x dx $$

文中に書いて行くときは

初速度を\\(\boldsymbol{v_0}\\)とすると・・・

初速度を\(\boldsymbol{v_0}\)とすると・・・

と言う感じで書くことが出来る

アプリからも書けるのか?

スマホはてなブログのアプリからも
数式を書くことは出来るのだろうか?

と思ったので試してみた

f:id:shangtian:20181221223506j:plain

ここに出ているガウスの法則の式が
表示されていればうまく書けている

$$ \nabla\cdot\boldsymbol{E} = \frac{1}{\varepsilon_0}\rho_0 $$

スマホで書けるのはなかなかいいね

www.shangtian.tokyo

<参考文献>

sucrose.hatenablog.com

cartman0.hatenablog.com

Easy Copy MathJax