MENU

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

CATEGORY

大学 (85) 航空宇宙 (55) 写真 (25) 旅行 (14) 飯・酒 (11) コンピュータ (88) その他 (13)

TAG

ARCHIVE

2018 (92) 2017 (80) 2016 (0)

RECENT

【駅メモ】4年目に突入して,ようやく3000駅突破 【WebRTC】Raspberry Pi搭載ロボットをWebRTCで遠隔操作しようとして失敗した 【航空宇宙】航空宇宙アドベントカレンダー 始まります! 【Perl】YAPC::Tokyo 2019 のチケットを確保しました! 【カメラ】Canonから富士フイルムに乗り換えました

【Sublime Text】Markdown用の設定

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 (※公開されることはありません)

コメント