機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

Markdownでよく使うタグの使い方と使用例

プログラミング

Markdownを使いはじめて2ヶ月。
私がよく使うMarkdownのタグをまとめてみました。

リンクURL

プログラミング

Markdown

[]()

使い方

htmlのaタグと同じです。

[]に文字列を、
()にURLを入れる。

使用例

[google](https;//google.co.jp)


google

ひとこと

これ超おすすめ。
でも残念ながら”_blank”は使えない。”rel=nofollow”も使えません。

それらを挿入したい場合は普通のhtmlでかくしかないです。

画像を表示

プログラミング

![]()

使い方

リンクURLと同じです。
[]の文字はaltタグになります。

使用例

(画像が表示されます)

ひとこと

『!』が増えただけですが、これだけで画像を表示できます。
altタグつけてくれるのもgoodです。
リンク追加はできません。画像をクリックしても飛べないということです。ちょっと残念。

Flickrなどからアイキャッチをとってくる人なんかは重宝するのではないでしょうか?(私)

引用タグ

プログラミング

>

使い方

大なり記号+半角空白
行ごとに引用が適用されます。

使用例


> メロスは激怒した。 > 走れメロス

メロスは激怒した。
走れメロス

ひとこと

引用タグって長くてなんか毛嫌いしてたんですが、Markdown使い始めてから引用しまくりです。
引用めんどくさいなーと思ってる方、使いましょう。

リストタグ

プログラミング

-

使い方

ハイフン+半角空白
リストがかんたんに作れます。
番号リストもできます。(後述)

使用例


-aa -aaa -aaaa

-aa
-aaa
-aaaa

ひとこと

タグを書くのが面倒なリスト。htmlのつまずきポイントでもあると思います。
あと、『-』を『1.』にすれば番号リストタグになります。これも便利。

目次タグ(h1~h6)

プログラミング

#~######

使い方

ハッシュ+半角空白
目次が作れます。

使用例


#### h4test (´・ω・`) ##### h5test 使い方です。

h4test

(´・ω・`)

h5test

使い方です。

この記事で欲しい情報が見つからなかった方へ

この記事の更新情報がある場合があります。
この記事は以下の記事とも関連性があると思われます。

Jekyll コードタグをMarkdown形式で書きたい場合
Github markdownを編集するならここ
SQLでWordPressの記事を正規表現検索してMarkDown形式にする – 簡単にWordPressブログの記事リンクを取得する方法
ショートカットキーで画像をMarkdownとしてコピーするchrome拡張機能を作った
ショートカットキーでURLをMarkdownとしてコピーするchrome拡張機能を作った
redcarpet+Atomを使ってMarkdown→HTML変換を1秒でやってみよう
Strapdown.jsでMarkdownをhtmlに埋め込む


管理人の方針で、既存の記事の編集はせず、新しい情報や大きな既存情報の更新があった場合には、新しい記事として公開することになっています。
当記事で欲しい情報が見つからなかった・解決に至らなかった場合、これらのリンクがお役に立てるかも知れません。

どうやってこの関連記事を生成しているの?
この機能のPHPソースコード(2500行)

コメントを残す

Close Menu