1 Day 1 Tip(s)

1day 一日ひとつ 1tip 一つのtipsを紹介

[Mac] Markdown記法のテキストをQuickLookで表示するプラグイン

      2015/03/29

手軽に整ったドキュメントを書けるとして、Markdownがだんだんと浸透してきています。

アプリケーションのドキュメントなどにも「Readme.md」などMarkdown記法を用いたものが増えてきています。

 

こんなMarkdownをQuickLookで表示させるプラグインを紹介します。

 プラグインのインストール

インストールはこちらから行います。

ソースコードが事前にコンパイルされている「QLMarkdown.qlgenerator.zip」を選択し、ダウンロード。

 

解凍した「QLMarkdown.qlgenerator」を「/Library」に移動します。

quicklook-qlmarkdown-install

 

その後、下記のコマンドを実行し、quicklookdを再起動させます。

$ qlmanage -r

 

実行例

CSSフレームワークの一つである、FoundationのREADME.mdのQuickLookをあげてみます。

 

元のプレーンテキストがこちら。

quicklook-markdown-foundation-old

 

QLMarkdown適用後がこちらになります。

quicklook-markdown-foundation

デフォルトのスタイルではシンプルなデザインです。

 

もし、スタイルを変えるのならば、「/Library/QuickLook/QLMarkdown.qlgenerator/Contents/Resources/styles.css」を編集します。

 

少しいじると以下のようにすこしお洒落にすることもできます。

quicklook-markdown-foundation-github2

 - 未分類

googleadsense336

googleadsense336

  関連記事

お名前.comのVPSのIDとログインパスワードの確認方法

お名前.comのVPSのコントロール画面はhttp://cp.myvps.jpで …

[LINE] Mac版LINEでトーク画面を半透明に設定するTips

LINE、使っていない人を探す方が普及しています。 最近ではMac版のLINEで …

[Mac] 一覧できる! 複数のファイルをまとめてQuickLookする方法

QuickLookはファイルの中身を簡単に閲覧できますが、複数を同時に行えるって …

[Mac] 外部HDDで「このディスクを修復できません」と出て絶望した時の対処法

外部HDDをMacに接続後「このディスクを修復できません」と出てきた時の対処法で …

Mac : Finderのカラムの幅を全てのウィンドウで統一して調整する

Finderのカラムの幅を全てのウィンドウで統一して調整する方法です。 &nbs …

[Mac] Dockのアイコンの大きさを自由自在に操るTips

環境設定などを使用せずにDockだけでサイズを変更します。   Doc …

[Google] Gmailで相手が受信されるメールに記載される自分の名前を変更する方法

Gmailの自分の名前を変更する方法です。 この名前は相手がメールを受信するとき …

[MarkDown] Macで使える最高のMarkDownエディタ「Mou」

 Mouと聞くとアイスクリームも思い出しそうですが、今回は話題のMarkDown …

[Mac] QuickLookでテキストを選択&コピーできるようにする簡単なコマンド

QuickLookは様々なファイルをアプリケーションを開かずにプレビューできます …

[Firefox] Webサイトの画面上のサイズを自由に測定できるアドオン

Firefox上でWebサイトの指定した範囲のサイズを測定するアドオンの紹介です …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です