Jazzと読書の日々

iPadを筆記具として使う方法を模索します

Obsidian Mobileをブログエディタにする(統合版)

いま使っている環境。

ブログエディタ

以前は3つのアクションを組み合わせてましたが、使ううちに一本にまとまってきました。 今後も変化すると思うけど、現時点はこんな感じです。

BlogeEditor.md

<%*
e = app.workspace.activeLeaf.view.editor;
p = e.getCursor();
s = e.getLine(p.line);

if(/^http/.test(s)) {
  switch(true){
      case /youtube\.com/.test(s):
        id = s.split("v=")[1].split("&")[0];
        s = "<iframe width='350px' height='200px' src=\"http://www.youtube.com/embed/" + id + "\" frameborder=0></iframe>\n";
        break;
      case /(\.jpg|\.png|\.gif)/.test(s):
        s = "<img width='400px' src='" + s + "'>\n";
        break;
      case /gyazo\.com/.test(s):
        s = "<img width='400px' src='" + s + "/raw'>\n";
        break;
      default:
        s = "<iframe src='https://hatenablog.com/embed?url=" + s + "' width='350px' frameborder='0' scrolling='no'></iframe>\n";
  }
  e.setLine(p.line, s);
}else{
  if(s){
    open("https://google.co.jp/search?q=" + encodeURIComponent(s));
  }else{
    p = tp.file.content.split("\n");
    a = p.shift();
    b = p.join("\n"); 
    url = "hatenablog:///new?title=" + encodeURIComponent(a) + "&body=" + encodeURIComponent(b);
    open(url);
  }
}
%>

使い方

カーソル行がURLアドレスの場合はブログカードを作成します。

  • 一般的なアドレスなら、はてなブログのカード形式に変換します。
  • YouTubeなら、動画を埋め込みます。
  • Gyazoやjpg/png/gifファイルなら、画像を埋め込みます。

カーソル行がURLアドレスでなければ、それをGoogleで検索します。 Safariが起動するので、目的のサイトのURLアドレスをコピーしてObsidianに戻ってください。

カーソル行が空行のときは、はてなブログ・アプリを起動します。 URLスキームを呼び出しているだけなので、ご自分の環境に応じてカスタマイズしてください。

まとめ

ブログは書くことの基本単位。