StackEditのPreviewに自分の好きなCSSを指定する。
前提
- 自分のBlogger用のcssは、GoogleDriveに置いてリンク可能としているので、それとcssを同じにしたい。
- やり方に記載したURLは、自分のURLを記入する事。
やり方
- Menu -> Settings -> Extensions -> UserCustom extension を押下。
- ペロンと詳細が出る。
- 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だけみたら不要だが)して、さらに上書きするようにしてみた。