DjangoとかJekyllとかHTMLの仕様とかよくわかってない初心者です。
成功した時のメモ
素直にこの記事に従った。
- Github PagesのSourceディレクトリに
_config.yml
を作成してtheme
を設定(リポジトリの設定からPagesを有効化してテーマを選ぶと自動で作成・設定される)。 - Github PagesのSourceディレクトリに
_includes/mathjax-v3.html
を作成(中身は上記記事をコピペ)。 - Github PagesのSourceディレクトリに
_layouts/default.html
を作成(1.で選んだテーマのリポジトリの_layouts/default.html
をコピペしてくる)。 -
_layouts/default.html
内の</head>
の手前でmathjax-v3.html
をインクルード。
<!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}">
<head>
<meta charset="UTF-8">
~ 省略 ~
{% seo %}
{% include head-custom.html %}
{% include mathjax-v3.html %} <!-- これを追加 -->
</head>
<body>
<a id= ~
Githubのリポジトリにpushして「pages build and deployment」が完了したら反映される。(1~2分)
失敗した時のメモ
MathJaxの有効化に失敗した
テーマのリポジトリの中を見ていたら、
_includes/
下にhead-custom.html
があり、それを_layouts/default.html
でインクルードしているようだった。
_includes/head-custom.html
は同じ_includes/
下のhtmlファイルをインクルードしていた。
「じゃあ、_includes/head-custom.html
と_includes/mathjax-v3.html
を作って、
_includes/head-custom.html
の中でmathjax-v3.html
をインクルードすればいいのでは?」
と考えたが、やってみたらダメでした。
インクルードされるタイミングの問題なのか、スコープ的な問題なのかよくわかってません。
詳しい人コメントください。
数式がテーブルになってしまった
Markdown内の数式で|
(絶対値のカッコ)を使ったらテーブルとして認識されてしまった。(テーマによるかも)
\vert
を使えば問題ない。
$ a | b | c $ $ a | b | c $
$ d \vert e \vert f $ $ d \vert e \vert f $
数式内の_
が強調表示扱いになる
Github PagesではなくGithub側に原因がある(?)
$a^{b}_{c}$
のような表現が1行中に複数あると、_
の後ろが斜体となり数式にならない場合がある。
参考リンク
次のいずれかの条件を満たすと回避できる。
-
$a_{c}^{b}$
のように下付き文字を先に書くとこの問題は発生しない。(これが一番確実) - 必要がなければ下付き文字を
{}
で囲わない$a^{b}_c$
-
_
と{}
の間にスペースを入れる$a^{b}_ {c}$