SublimeText2とDropboxでお手軽HP作成（したかった）

SublimeText2

普段メモ書きをMarkdownで書いていて、このお手軽さのままで外に公開できるHP作れたら最高じゃねと思いつき挫折するまでのメモ。

用意するもの

  • SublimeText2 + OmniMarkupPreviewer
  • Dropbox

以上。

準備

SublimeText2をインストールし、PackageControlを入れてOmniMarkupPreviewerをインストールする。

インストール方法は他のサイトでいくらでも紹介サれてるので割愛。

Preferences->Package Settings->OmniMarkupPreviewer->Setting User

を開き、以下を記述する

{
    // Tex記法の数式をサポートする
    "mathjax_enabled": true,

    // HTMLエクスポートの定義
    "export_options" : {
        // follow "html_template_name" rules
        "template_name": "github-export",
        // ".":  export to the same folder as markup file.
        // null: export to system temp folder.
        // NOTE: folder shall exist, or it will fallback to system temp folder.
        "target_folder": "ここにDropboxのPublicフォルダのパスを書く",
        // format string for filename timestamp
        "timestamp_format" : "",
        "copy_to_clipboard": false,
        // Open with default browser or whatever customized in "browser_command".
        "open_after_exporting": false
    }
}

適当なフィアルをMarkdownで書き、Ctrl+Alt+xでエクスポートするところまでは完璧、だった。

サンプル

しかし、なぜか日本語が入ったファイルを出力し、Dropboxの公開URL経由で表示すると文字化けを起こす。

サンプル2

エンコード指定でUTF-8を指定すれば正常に表示されるけど、毎回やるのはめんどくさい。 。

調べてみたらHTTPのレスポンスで、charset=ISO-8859-1と返されてるのが原因。いや、HTMLの記述を優先してよとおもうが、さて、どうしたものか。