MENU

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

CATEGORY

大学 (135) 仕事 (11) 航空宇宙 (97) 写真 (67) 旅行 (30) 飯・酒 (16) コンピュータ (113) その他 (42)

TAG

ARCHIVE

RECENT

【学会】久しぶりのオンサイト開催 国内学会,かつ,学生最後の学会発表 【寝言】宇宙業界から「OBC が過去の PJ と同一なので,過去 PJ のソフトウェアが流用できて工数が削減できる」という主張を滅ぼしたい 【鉄道旅】鉄道開業150周年に思いを馳せる旅行(後編) 【鉄道旅】鉄道開業150周年に思いを馳せる旅行(前編) 【研究室プロジェクト】STAR SPHERE 衛星シッピング

【Sublime Text】Markdown用の設定

事象発生日:2018-05-01

記事公開日:2018-05-01

アクセス数:4461

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

コメント