MENU

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

CATEGORY

大学 (99) 航空宇宙 (67) 写真 (42) 旅行 (22) 飯・酒 (12) コンピュータ (101) その他 (25)

TAG

ARCHIVE

RECENT

【カメラ】FUJIFILM X-T3用にZEISSのMakro-Planarを買った -Touit 2.8/50M- 【宇宙】SPACETIDE 2019 に参加してきました 【D進】博士後期課程 出願しました! 【写真】WALL DECORで写真を印刷した いろいろ考える飲み会だった

【Sublime Text】Markdown用の設定

事象発生日:2018-05-01

記事公開日:2018-05-01

今まで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.関連記事

7.参考サイト

情報系大学院生の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 (※公開されることはありません)

コメント