MarsEditで「はてなブログ」をリアルタイムプレビュー表示しながら記事を書く

 

MarsEditを使ってはてなブログを書くときに、リアルタイムプレビューする方法を書きます。

投稿もMarsEditからできますが、カテゴリやカスタムURLの設定や、記事中に画像を貼り付けての投稿はできません。

MarsEditで下書き投稿したあとに、はてなブログで画像を挿入し、カテゴリなど追加して公開しましょう。

MarsEditでプレビュー表示をする手順

1. まず、はてなブログでテスト記事を作成。タイトルを「タイトル」記事本文に「本文」とでも入れて公開。
2. 作った記事を表示させ、ソースを表示してすべてコピー。（例えばChromeなら「表示」＞「開発/管理」＞「ソースの表示」）
3. コピーしたソースを、テキストエディットなどのエディタで開き、「タイトル」を「#title#」、「本文」を「#body##extended#」に置換。
4. 置換したソースを、MarsEditの「Edit Preview Template」に貼り付ける。

Google Adsenseのコードなど、プレビューに不必要な部分は削除しておくと、プレビュー表示が早くなります。

MarsEdit 4 - Blog Editor

• Red Sweater Software
• 仕事効率化
• 無料
• 

詳しい設定方法を別記事で書きました。

akiueo.hatenablog.com