stMind

about Arsenal, Arsene Wenger, Tech, Computer vision and Machine learning

MarkedでGithub Flavored Markdownを使う

Markdownのプレビューのために、vim-quickrunとMarkedでmarkdown編集が快適になった - Glide Note - グライドノート
紹介されてたMarkedを買って使っています。

Github Flavored MarkdownのFenced code blockやSyntax highlighting(ソースコードに色付け)が
使いたいので、Using Marked with Github Flavored Markdown and Syntax Highlighting / How-to, tips and tricks / Knowledge Base - Marked Supportに従って設定してみたよ。

設定は特に難しいことはなく、以下の2つを設定するだけ。

  • Preferences -> Behavior -> Convert Fenced Code Blocksにチェック!
  • Preferences -> Style -> Automatic syntax highlightingにチェック!
    • Themeはgihtub.css

これで、

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

のように、シンタックスハイライトされたコードとしてMarkedでプレビュー出来ます。

f:id:satojkovic:20130612214601p:plain

お試しあれ。