Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Sublime Text2 | Markdownのシンタックスハイライト設定

概要

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

詳細

Markdownのシンタックスハイライト設定をします。

貼付コード

下記コードをテーマファイルの最後の方にあるarrayの閉じタグ直前に貼る。
テーマは自分が選択しているもの。

自分の場合はWin7環境の場合,Monokaiを使用していて、
C:\Users\user_name\AppData\Roaming\Sublime Text 2\Packages\Color Scheme - Default\Monokai.tmTheme
を編集しました。※下記でスペースになっている部分はタブに置き換え(ブログでの表示の都合上スペースにしてます

<dict>
    <key>name</key>
    <string>Markdown: Linebreak</string>
    <key>scope</key>
    <string>text.html.markdown meta.dummy.line-break</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#A57706</string>
        <key>foreground</key>
        <string>#E0EDDD</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markdown: Raw</string>
    <key>scope</key>
    <string>text.html.markdown markup.raw.inline</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#269186</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markdown: Punctuation for Inline Block</string>
    <key>scope</key>
    <string>punctuation.definition.raw.markdown</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#269186</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markup: Heading</string>
    <key>scope</key>
    <string>markup.heading</string>
    <key>settings</key>
    <dict>
         <key>fontStyle</key>
         <string>bold</string>
        <key>foreground</key>
        <string>#ff9900</string>
         <string>#cb4b16</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markup: Italic</string>
    <key>scope</key>
    <string>markup.italic</string>
    <key>settings</key>
    <dict>
        <key>fontStyle</key>
        <string>italic</string>
        <key>foreground</key>
        <string>#839496</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markup: Bold</string>
    <key>scope</key>
    <string>markup.bold</string>
    <key>settings</key>
    <dict>
        <key>fontStyle</key>
        <string>bold</string>
        <key>foreground</key>
        <string>#586e75</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markdown: Punctuation for Bold, Italic</string>
    <key>scope</key>
    <string>punctuation.definition.bold.markdown, punctuation.definition.italic.markdown</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#586e75</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markup: Underline</string>
    <key>scope</key>
    <string>markup.underline</string>
    <key>settings</key>
    <dict>
        <key>fontStyle</key>
        <string>underline</string>
        <key>foreground</key>
        <string>#839496</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markup: Quote</string>
    <key>scope</key>
    <string>markup.quote</string>
    <key>settings</key>
    <dict>
        <key>fontStyle</key>
        <string>italic</string>
        <key>foreground</key>
        <string>#268bd2</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Markup: Separator</string>
    <key>scope</key>
    <string>meta.separator</string>
    <key>settings</key>
    <dict>
         <key>background</key>
         <string>#eee8d5</string>
         <key>fontStyle</key>
         <string>bold</string>
        <key>foreground</key>
        <string>#666666</string>
         <string>#268bd2</string>
    </dict>
</dict>
 ここまで Markdown 用の記述

表示サンプル用のマークダウン

markdown
===============

##h2

em
---------------
*em*

strong
---------------
**strong**

some code single line
---------------
`test`

some code multi line
---------------
    1行目
    2行目
    3行目

list
---------------
* list1
    * list1_1
* list2
    * list2_1
    * list2_2

link
---------------
[Google](http://google.co.jp)

hr
---------------
___

img
---------------
![alt_value](/path/to/img.jpg "hoge")

画像