【2025】【質問】 まだBloggerのエディタで消耗してる?Markdown化する唯一の方法

2025/12/27

blogger chromebook おすすめアプリ

t f B! P L

mdblogger 拡張機能 完全日本語マニュアル(2025年最新版対応)






mdblogger は、Google Blogger(ブログスポット)の投稿編集画面に本格的なMarkdownエディタを追加するChrome/Edge/Firefox対応拡張機能です。これを使うと、もうBloggerの貧弱なビジュアルエディタにイライラする必要がなくなります。


現在の最新バージョン:v0.0.8(2024年時点)

Chromebook拡張機能(「mdblogger」で検索すればすぐ出ます)

投稿編集画面の見た目(インストール後)

画面が左右に分割されます:

  • 左側:従来のBloggerエディタ(普段はほぼ触らなくてOK)

  • 右側:mdbloggerのMarkdownエディタ(ここに全部書く!)

超重要!これだけは絶対守ってください(2025年現在も必須)

  1. **広告ブロッカーを使っている人は必ず例外設定!**uBlock Origin、AdBlock Plus、Ghosteryなどを入れている場合、必ず以下を「許可リスト」に追加してください:

    • blogger.com

    • https://www.blogger.com→ 追加しないとmdbloggerが完全に動作しません(経験者多数)

  2. **下書き自動保存は完璧に動くようになったが、最後の1アクションは必須!**書き終わったら、必ず左側のBloggerエディタを1回だけ触ってください。具体的には以下のどちらかでOK:

    • 適当にスペースを1つ入れてすぐ削除する

    • 「編集」→「HTMLビュー」に切り替えてすぐ戻すこれをしないと、せっかく書いた記事が下書き保存も公開もされません!(v0.0.6以降でクラウド下書き保存が実装されたので、以前より圧倒的に楽になりましたが、この最後の1タッチだけはまだ必要です)

便利すぎるショートカットキー

  • Ctrl + Q→ 左側(Bloggerエディタ)の内容を全部コピーして、右側のMarkdownエディタに貼り付け→ 画像を追加したいときの最強技!(後述)

画像の入れ方(2種類)

おすすめ度★★★★★ 方法1:Blogger標準の画像挿入を使う(これが一番きれい)

  1. 左側のBloggerエディタで普通に画像を挿入(「画像を追加」ボタン)

  2. 挿入したらすぐに Ctrl + Q を押す

  3. 右側のMarkdownエディタに自動で正しいMarkdown記法で画像が貼られる!

    → これが一番綺麗に表示され、容量も最適化されます。

おすすめ度★★☆☆☆ 方法2:Markdownエディタ内で直接アップロード

  • 右側のエディタで画像をドラッグ&ドロップするか、クリップボード貼り付け

  • 自動でBase64データになる(記事内に画像データが埋め込まれる)

  • 欠点:記事がめちゃくちゃ重くなる + 後で編集しにくくなる→ 絶対に避けた方が良いです(開発者も非推奨)

動画の入れ方(重要!)

**Markdownエディタでは動画は絶対に入れられません!**→ YouTubeやVimeoなどは、必ず左側のBloggerエディタで挿入してください。挿入後にCtrl + QでMarkdown側に反映されます(動画はタグに変換されますが、公開時は正常に動画として表示されます)。

完全に使えない機能(Markdownの仕様上)

  • リンクに target="_blank"rel="nofollow" を付ける → 即消されます

  • 完全に諦めてください(どうしても必要ならHTMLビューで手動追加)

トラブルシューティング(これで99%解決)

  1. 動かない → F5で編集ページをリロード(一番効果的)

  2. それでもダメ → シークレットウィンドウで試す

  3. それでもダメ → 広告ブロッカーの例外設定を確認

  4. 最終手段 → 拡張機能を一度無効→再有効化

データのバックアップ方法(超重要!)

mdbloggerは自動バックアップ機能がありません!以下のいずれかを必ず習慣にしてください:

  • 右上の「Save Markdown」ボタンで.mdファイルを定期的にダウンロード

  • ObsidianやTyporaなどにリアルタイム同期(上級者向け)

  • 最低でも30分に1回は「Save Markdown」押す!

結論:2025年現在の最強Blogger執筆環境

mdblogger(v0.0.8)+ このマニュアル通りの運用で、Bloggerでも完全に現代的なMarkdown執筆環境が手に入ります。


もう二度とBloggerのクソエディタに悩まされる必要はありません。


これだけ覚えればOK:

  1. 広告ブロッカー例外設定

  2. 書き終わったら左側を1回触る

  3. 画像はCtrl + Qで持ってくる

  4. 定期的にSave Markdownで保存

これを守れば、快適すぎてもう戻れなくなります。


作者さん(opdev1004)に感謝しつつ、ぜひ投げ銭してあげてください!→ https://github.com/sponsors/opdev1004


以上が、現時点で最も詳しい日本語mdbloggerマニュアルです(2025年4月時点)。

スポンサーリンク

ページ

このブログを検索

QooQ