Github Pagesでテーブルを表示させる方法
Github PagesでMarkdown記法でテーブルを書くとうまく表示されないという問題があったため、これを解決する方法をメモっておきます.
あらまし
僕は自分のwebページをGithub Pagesを使って公開しています.
Github PagesとはGithubにMarkdownで書いたファイルをあげるとwebページで公開してくれるなんか、そう、すごいやつです(詳細はググってください).
そこで、自分が出場したアマチュア無線のコンテスト成績を公開しているのですが、その際に以下のように表示されてしまう問題がありました.
ちなみにリポジトリ上で見ると下のようにうまく表示されていました.
解決方法
どうやら上の事象からMarkdown記法では効かないっぽいのでHTMLで書いたところ、うまく表示されるようになりました.(なんでかは知らん)
HTMLでの表の書き方はこちらを参考にしてください.
HTMLのtableでテーブルを作る方法と応用テクニックを解説 | webliker
また、CSSで表のスタイルを指定することもできます.
MarkdownにCSSを適用させる方法はこちらを参考にしてください.
なんか原因を知っている方がいましたら教えてくださいm(_ _)m