StackEdit Previewに自分用のCSSを使用する

StackEditのPreviewに自分の好きなCSSを指定する。

前提

• 自分のBlogger用のcssは、GoogleDriveに置いてリンク可能としているので、それとcssを同じにしたい。
• やり方に記載したURLは、自分のURLを記入する事。

やり方

1. Menu -> Settings -> Extensions -> UserCustom extension を押下。
2. ペロンと詳細が出る。
3. JavaScript codeのテキストボックスに、以下のコードを記入。

userCustom.onReady = function() {
    $('head').append('<link href="https://googledrive.com/host/XXXXXXXXXXXXXXXXXXXXXXXXXXXX/" rel="stylesheet" />');
};

問題点

• Bloggerと同じCSSを使用しているが、どうも異なった表示になる。
• h3とかのサイズが違うので見てみると、StackEditのDefault.cssで上書きされている様。
• BloggerのCSSにh3のサイズを記入（Bloggerだけみたら不要だが）して、さらに上書きするようにしてみた。