１．環境

Microsoft Windows 10 Home (64bit)

Sublime Text Build 3143 (portable version)

２．パッケージインストール

以下の２つをインストールした．

OmniMarkupPreviewer

https://packagecontrol.io/packages/OmniMarkupPreviewer

Markdownをプレビューするためのパッケージ．

Monokai Extended

https://packagecontrol.io/packages/Monokai Extended

Markdownのシンタックスハイライト．

 

 

なお，参考にしたサイトではこの他に

Markdown Extended - Markdown内のコードをシンタックスハイライトする

をインストールしていたが，必要にかられていなかったため，入れていない．

３．不具合対応

OmniMarkupPreviewerは，

	Ctrl + Alt + O		デフォルトブラウザでプレビュー
	Ctrl + Alt + X		HTMLへ変換

であるのだが，ブラウザプレビューにて

とエラーが出た．

 

と同様であったため，

Preferences → Package Settings → OmniMarkupPreviewer → Settings - User

に以下を設定した．

{
    "renderer_options-MarkdownRenderer": {
        "extensions": ["tables", "fenced_code", "codehilite"]
    }
}

４．なんとかしたいこと

Preferences→Color Scheme→Monokai Extended

を選べば確かに.mdはシンタックスハイライトされる．

 

しかしながらこれでは他の言語にもこの設定があたってしまう．

 

 

.mdだけカラースキームを別であてることってできなんですかね？

５．MarkdownにあたるCSSを変更する

デフォルトではOrdered Listの番号がⅰ,ⅱ,ⅲやa,b,cとなっていたので，これをアラビア数字に変更する．

 

プレビュー版のCSSは${sublime_path}\Data\Packages\OmniMarkupPreviewer\public\github.css

HTML変換版のCSSは${sublime_path}\Data\Packages\OmniMarkupPreviewer\templates\github-export.tpl

の中にあるので，それぞれ以下のように変更した．

$ diff github.css github.css_backup
291c291
<   list-style-type: decimal;
---
>   list-style-type: lower-roman;
295c295
<   list-style-type: decimal;
---
>   list-style-type: lower-alpha;

$ diff github-export.tpl github-export.tpl_backup
9c9
<     
---
>     
11c11
<     html{font-family: sans-serif; ...${略}... ol ol,ul ol{list-style-type: decimal}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type: decimal} ...${略}...
---
>     html{font-family: sans-serif; ...${略}... ol ol,ul ol{list-style-type: lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type: lower-alpha} ...${略}...

６．参考サイト

	情報系大学院生のWebメモ. Sublime TextでMarkdownを快適にする3つのパッケージ. Retrieved May 1, 2018, from http://webmem.hatenablog.com/entry/sublime-text-markdown
	INCOMPLETE++. OmniMarkupPreviewerでブラウザプレビューすると404エラーになる. Retrieved May 1, 2018, from http://mikan.lunarscape.net/2016/09/omp-404error.html

関連記事