MENU

溶けかけてるうさぎ HP GALLERY BLOG TOP RECENT ARTICLES POPULAR ARTICLES ABOUT THIS BLOG

CATEGORY

大学 (140) 仕事 (17) 航空宇宙 (104) 写真 (78) 旅行 (32) 飯・酒 (17) コンピュータ (119) その他 (44)

TAG

ARCHIVE

RECENT

【写真】撮影写真を Map 上に表示できるようにした 【カメラ】X100 シリーズが好きすぎる(主にリーフシャッタ) 【カメラ】X100V から X100VI に買い替えました 【自宅サーバー】Google Domains から Cloudflare にドメインを移管 【カメラ】FUJIFILM XF レンズのサイズ比較ができるようにしてみた

【Sublime Text】Markdown用の設定

事象発生日:2018-05-01

記事公開日:2018-05-01

アクセス数:5200

今までMarkdownは他のツールで書いていたが,Sublime Text 3にまとめた.

その作業ログ.

1.環境

Microsoft Windows 10 Home (64bit)

Sublime Text Build 3143 (portable version)

2.パッケージインストール

以下の2つをインストールした.

OmniMarkupPreviewer

https://packagecontrol.io/packages/OmniMarkupPreviewer

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

Monokai Extended

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

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

 

 

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

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

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

3.不具合対応

OmniMarkupPreviewerは,

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

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

Error: 404 Not Found

Sorry, the requested URL 'http://127.0.0.1:51004/view/79' caused an error:

 

'buffer_id(79) is not valid (closed or unsupported file format)'

 

**NOTE:** If you run multiple instances of Sublime Text, you may want to adjust

the `server_port` option in order to get this plugin work again.

とエラーが出た.

 

と同様であったため,

Preferences → Package Settings → OmniMarkupPreviewer → Settings - User

に以下を設定した.

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

4.なんとかしたいこと

Preferences→Color Scheme→Monokai Extended

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

 

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

 

 

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

5.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
<     {{filename}}?{{dirname}}
---
>     {{filename}}—{{dirname}}
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} ...${略}...

6.参考サイト

情報系大学院生の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

関連記事

コメントを投稿

名前

Email (※公開されることはありません)

コメント