Blogger + StackEdit

Blogger標準のエディタでは表を挿入できないので、StackEditで幸せになれそうだと調査しているときの覚書。

環境: StackEdit v5.14.10

StackEditとは

ブラウザ上で動作するオープンソースのMarkdownエディタ。

特長

  • Googleアカウントと同期し任意のGoogle Driveを作業スペースとして設定可能。
  • WordPress, Blogger, GitHubにログインして投稿可能

使用できるMarkdownの記法は下記サイトを参考に。

target=_blankを設定したい

デフォルトでは出来ない。
{:target="_blank"}の形式も反映されない。
HTMLのaタグをそのまま記述すれば可能。

<a href="https://blog.dksg.jp/" target="_blank">SE奮闘記</a>

SE奮闘記

もしくは投稿後にリンクだけBlogger管理画面で編集する。

v4であったUserCustomもv5ではセキュリティ上の理由から廃止になった。
参考: V4 -> V5 Migration Guide? · Issue #1205 · benweet/stackedit · GitHub

内部でmarkdown-itを使っているので、forkしてカスタムすれば出来ると思う。参考: markdown-it/architecture.md at master · markdown-it/markdown-it · GitHub

target="_blank"を記述する場合はrel="noopener"もセットで記述。参考:安全でないクロスオリジン宛先へのリンク | web.dev

Blogger連携時のTips

タイトル
デフォルトではファイル名。
Menu -> File properties -> Titleに記載すればそちらが優先される。
タグ設定
Menu -> File properties -> Tagsにカンマ区切りで記載する。
下書きとして投稿する
Menu -> File properties -> Statusに「draft」としてPublishする。
注意点
Blogger管理画面の編集結果はSynchronizeしても反映されない。
(再投稿するとStackEditの内容で上書きされる)

うーん、あんまり幸せになっている感じがしない…


【関連記事】