はしくれエンジニアもどきのメモ

情報・Web系技術の勉強メモ・備忘録です。

AtomのMarkdownで数式を書きたい

AtomのMarkdownで数式を書きたい

Atom のMarkdown で数式が書けないか調べてみたところ、 「markdown-preview-plus」 というプライグインを見つけたのでメモ。

環境

  • Windows 10

    • Atom 1.6.0

markdown-preview-plusの導入

Atom のパッケージ「markdown-preview-plus」を使う。

インストール手順は、以下のリンクに書いてある。

github.com

  1. 「markdown-preview-plus」を検索してインストールする。 コマンドあれば、apm で以下。

    
    apm install markdown-preview-plus
    
  2. そのままでは、mdファイル、htmlファイルをプレビューできないので、「Grammers」を変更する。

    「Grammers」に「text.md, source.html」を追加する。追加すると、mdファイルとhtmlファイルをプレビューできるようになる。

    「Grammers」の変更

    詳細:Compatibility issue with package language-markdown · Issue #179 · Galadirith/markdown-preview-plus · GitHub

  3. ショートカット Ctrl + Shift + Mでマークダウンのプレビュー、Ctrl + Shift + Xで数式を変換する。

サンプル

プレビューした際のサンプル。


# タイトル
## サブタイトル

文章の中に $x$ のように数式も入れられます。

- エネルギーと質量には $E = mc^2$ の関係がある。

ドルマーク2つで囲えば行全体に、
1つで囲めば文中に数式が書けます。

$$
f'(x) = \frac{d f(x)}{d x} = \lim_{\Delta x \to 0} \frac{f(x+\Delta x) - f(x)}{\Delta x}
$$

$f(x) = x^2$ として
$$
\begin{align}
f'(x) = \frac{dx^2}{dx} &=& \lim_{\Delta x \to 0} \frac{(x+\Delta x)^2 - x^2}{\Delta x} \\
&=&  \lim_{\Delta x \to 0} \frac{(x^2+2x\Delta x + \Delta x^2) - x^2}{\Delta x} \\
&=&  \lim_{\Delta x \to 0} \frac{2x\Delta x + \Delta x^2}{\Delta x} \\
&=&  \lim_{\Delta x \to 0} 2x + \Delta x \\
&=&  2x \\
\end{align}
$$
プレビュー
広告を非表示にする