もともとは @fujimotta さんに教えてもらったんですが、先日 MarsEdit まとめを書く際にやはり便利でしたのでエントリしておきます。
Markdown 記法って？
Markdown 記法ってご存知でしょうか。
以前、Markdown 記法で HTML と疎遠になる
Markdown（マークダウン）は軽量マークアップ言語の1つである。入力する形式と出力される形式の両方について、読みやすさと「発行のしやすさ (publishability)」の最大化を支援することを目的として、John GruberとAaron Swartzによって作成された。
私は以下のように考えています。
Happy-Go-Lucky: Markdown 記法で HTML と疎遠になる
Markdown 記法を用いることで、以下のメリットが得られると私は考えます。
- 素早く書ける
- 編集しているテキストが見やすい
ここでは Markdown 記法のすべてを説明することはせず、私がよく使用するものに限定して説明します。
見出し
見出しは以下のように書くことができます。
# 見出し1(h1) ## 見出し2(h2) ### 見出し3(h3) #### 見出し4(h4) ##### 見出し5(h5) ###### 見出し6(h6)
引用
引用はメール的です。
> Markdown（マークダウン）は軽量マークアップ言語の1つである。 > 入力する形式と出力される形式の両方について、読みやすさと > 「発行のしやすさ (publishability)」の最大化を支援することを目的として、 > John GruberとAaron Swartzによって作成された。
箇条書き
番号なし(ul)の書き方は以下の通りです。
* 素早く書ける * 編集しているテキストが見やすい
'+' や '-' を使うこともできます。
番号つき(ol)の書き方は以下の通りです。
1. はじめに 2. つぎに 3. さいごに
'番号.' の後ろにはスペースが必要です。
リストの中に段落や引用を含めたい場合は、空行を入れた上で行頭に 4 つのスペースまたはタブ文字を入れます。
1. はじめに
本エントリでは。。。
> Markdown とは、。。。
2. つぎに
3. さいごに
リンク
リンクの書式は以下の通りです。
[<リンクテキスト>](<リンクURL><リンクタイトル>)
私の場合、リンクを Markdown で書くことはそれほど多くありません。 リンクはブックマークレットやプラグインで生成することがほとんどだからです。
Markdown 記法には他にも水平線や画像リンク、テキストの装飾などがありますが、ここでの紹介は割愛します。
参考
MarsEdit で Markdown
MarsEdit で Markdown を利用するには、以下の方法しかないと思っていました。
- Showdown - Markdown in Javascript
で HTML に変換して MarsEdit のエディタに貼り付ける。
- WordPress の PHP Markdown
プラグインを使用するなどしてブログシステム側で Markdown が変換されるようにする。 Tumbler と Posterous はもともと Markdown をサポートしています。 →Markdown 記法で HTML と疎遠になる
そこで出会ったのが以下の記事です。
想造ノート: あれ、もしかしてMarsEditってMarkdown記法できるんじゃね？
でもって、以下の会話で教えていただきました。
@sozonote プレビューのフィルタはありますよ〜。でも、残念ながら Blogger ではそのまま投稿してもダメです。
Toshiya NISHIOtoshiya240
@toshiya240 一旦RichTextModeに切り替えてやると変換してくれるかもです！Shift+Command+Tです！
fujimotta
fujimotta
そう、MarsEdit だけで Markdown を HTML に変換することができるのです！
ということで手順です。
プレビューフィルタを Markdown に設定する
▼メニューの [Blog] > [Edit Settings...] からブログの設定画面を表示してください。 [Editing] タブの [Preview Text Filter] を「Markdown」にして [OK] ボタンをクリックします。
プレビューフィルタを設定することで、エディタに Markdown 記法で書くと該当する HTML を書いたかのようにプレビューに表示されます。
Markdown 記法で記事を書く
▼こんな感じで書いていきます。
Markdown から HTML に変換する
書き終わったら、おもむろに
⌘ + ⇧ + T
です！
▼こんな画面が表示されるので、[Convert] ボタンをクリックしてください。
HTML への変換結果をチェックする
もう一度
⌘ + ⇧ + T
を押して、HTML 編集モードに戻します。
▼ [Convert] ボタンをクリックしてください。
多分、意図していない HTML になっている部分があるはずですｗ
ポスト
チェックが終わったらポストしましょう。
さいごに
Markdown のメリットについてもう一度引用します。
Happy-Go-Lucky: Markdown 記法で HTML と疎遠になる
Markdown 記法を用いることで、以下のメリットが得られると私は考えます。
- 素早く書ける
- 編集しているテキストが見やすい
と言っても、適材適所で使い分けるのが実際的だと思います。
あ。そうそう。プレビューに出来上がりイメージが表示されるので、HTML に変換しないままポストしてしまうことが私にはありました。要注意ですｗ
0 コメント:
コメントを投稿