mdblogger 拡張機能 完全日本語マニュアル(2025年最新版対応)
mdblogger は、Google Blogger(ブログスポット)の投稿編集画面に本格的なMarkdownエディタを追加するChrome/Edge/Firefox対応拡張機能です。これを使うと、もうBloggerの貧弱なビジュアルエディタにイライラする必要がなくなります。
現在の最新バージョン:v0.0.8(2024年時点)
Chromebook拡張機能(「mdblogger」で検索すればすぐ出ます)
投稿編集画面の見た目(インストール後)
画面が左右に分割されます:
左側:従来のBloggerエディタ(普段はほぼ触らなくてOK)
右側:mdbloggerのMarkdownエディタ(ここに全部書く!)
超重要!これだけは絶対守ってください(2025年現在も必須)
**広告ブロッカーを使っている人は必ず例外設定!**uBlock Origin、AdBlock Plus、Ghosteryなどを入れている場合、必ず以下を「許可リスト」に追加してください:
blogger.com
https://www.blogger.com→ 追加しないとmdbloggerが完全に動作しません(経験者多数)
**下書き自動保存は完璧に動くようになったが、最後の1アクションは必須!**書き終わったら、必ず左側のBloggerエディタを1回だけ触ってください。具体的には以下のどちらかでOK:
適当にスペースを1つ入れてすぐ削除する
「編集」→「HTMLビュー」に切り替えてすぐ戻すこれをしないと、せっかく書いた記事が下書き保存も公開もされません!(v0.0.6以降でクラウド下書き保存が実装されたので、以前より圧倒的に楽になりましたが、この最後の1タッチだけはまだ必要です)
便利すぎるショートカットキー
Ctrl + Q→ 左側(Bloggerエディタ)の内容を全部コピーして、右側のMarkdownエディタに貼り付け→ 画像を追加したいときの最強技!(後述)
画像の入れ方(2種類)
おすすめ度★★★★★ 方法1:Blogger標準の画像挿入を使う(これが一番きれい)
左側のBloggerエディタで普通に画像を挿入(「画像を追加」ボタン)
挿入したらすぐに Ctrl + Q を押す
右側のMarkdownエディタに自動で正しいMarkdown記法で画像が貼られる!
→ これが一番綺麗に表示され、容量も最適化されます。
おすすめ度★★☆☆☆ 方法2:Markdownエディタ内で直接アップロード
右側のエディタで画像をドラッグ&ドロップするか、クリップボード貼り付け
自動でBase64データになる(記事内に画像データが埋め込まれる)
欠点:記事がめちゃくちゃ重くなる + 後で編集しにくくなる→ 絶対に避けた方が良いです(開発者も非推奨)
動画の入れ方(重要!)
**Markdownエディタでは動画は絶対に入れられません!**→ YouTubeやVimeoなどは、必ず左側のBloggerエディタで挿入してください。挿入後にCtrl + QでMarkdown側に反映されます(動画はタグに変換されますが、公開時は正常に動画として表示されます)。
完全に使えない機能(Markdownの仕様上)
リンクに
target="_blank"やrel="nofollow"を付ける → 即消されます完全に諦めてください(どうしても必要ならHTMLビューで手動追加)
トラブルシューティング(これで99%解決)
動かない → F5で編集ページをリロード(一番効果的)
それでもダメ → シークレットウィンドウで試す
それでもダメ → 広告ブロッカーの例外設定を確認
最終手段 → 拡張機能を一度無効→再有効化
データのバックアップ方法(超重要!)
mdbloggerは自動バックアップ機能がありません!以下のいずれかを必ず習慣にしてください:
右上の「Save Markdown」ボタンで.mdファイルを定期的にダウンロード
ObsidianやTyporaなどにリアルタイム同期(上級者向け)
最低でも30分に1回は「Save Markdown」押す!
結論:2025年現在の最強Blogger執筆環境
mdblogger(v0.0.8)+ このマニュアル通りの運用で、Bloggerでも完全に現代的なMarkdown執筆環境が手に入ります。
もう二度とBloggerのクソエディタに悩まされる必要はありません。
これだけ覚えればOK:
広告ブロッカー例外設定
書き終わったら左側を1回触る
画像はCtrl + Qで持ってくる
定期的にSave Markdownで保存
これを守れば、快適すぎてもう戻れなくなります。
作者さん(opdev1004)に感謝しつつ、ぜひ投げ銭してあげてください!→ https://github.com/sponsors/opdev1004
以上が、現時点で最も詳しい日本語mdbloggerマニュアルです(2025年4月時点)。
