初めに 『はてな記法モード』と『Markdownモード』の2つの編集モードは『見たままモード』と違い、プレビューしないとブログでの表示イメージが確認できません。 そのため”リアルタイムプレビュー”という機能があるのですが、このリアルタイムプレビューがまた微妙で、自分のブログのCSSが適用されないため、本来の見た目とまったく違って見えてしまいます。 自分は常々『これ、なんとかならんのかなぁ』と思っていたんですが、たまたまリアルタイムプレビューにCSSを適用する方法を発見した*1ので紹介します。 リアルタイムプレビューにCSSを適用する方法 '14/03/29追記 記事訂正についてのお詫び いつの間にか、この記事で書いたことが効かなくなっていたのですが、久しく自分のブログを見ていなかったため気づくのが遅くなりました……。すみません。 原因は、はてなブログ側のCSSリンクURLが変更になり、以下
![はてなブログのリアルタイムプレビューに自分のブログのCSSを適用する方法 - たまには部屋をかたづけようよ](https://cdn-ak-scissors.b.st-hatena.com/image/square/634ac83da50253ab871ee14c58df9dd7954b4592/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FB%2FBNorider%2F20131012%2F20131012140417.jpg)