jj1gujのブログ

アイコン画像は音速の奇行子 様よりいただきました

Github Pagesでテーブルを表示させる方法

Github PagesでMarkdown記法でテーブルを書くとうまく表示されないという問題があったため、これを解決する方法をメモっておきます.

あらまし

僕は自分のwebページをGithub Pagesを使って公開しています.
Github PagesとはGithubMarkdownで書いたファイルをあげるとwebページで公開してくれるなんか、そう、すごいやつです(詳細はググってください).
そこで、自分が出場したアマチュア無線のコンテスト成績を公開しているのですが、その際に以下のように表示されてしまう問題がありました.
f:id:jj1guj:20191220011358p:plain
ちなみにリポジトリ上で見ると下のようにうまく表示されていました.
f:id:jj1guj:20191220011420p:plain

解決方法

どうやら上の事象からMarkdown記法では効かないっぽいのでHTMLで書いたところ、うまく表示されるようになりました.(なんでかは知らん)
f:id:jj1guj:20191220011428p:plain HTMLでの表の書き方はこちらを参考にしてください.

HTMLのtableでテーブルを作る方法と応用テクニックを解説 | webliker

また、CSSで表のスタイルを指定することもできます.
MarkdownCSSを適用させる方法はこちらを参考にしてください.

qiita.com

なんか原因を知っている方がいましたら教えてくださいm(_ _)m