はてなブログMarkdown記法メモ

スポンサーリンク

はてなブログMarkdown記法に関するメモ。
極力コンパクトになるように記載。

f:id:sato_susumu:20170909210617j:plain

見出し

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
はてなブログでは、(Markdown記法以外の場合)記事内の見出しとしてh3からh5を想定。
デザインもそうなっている。
なので、上記のうち###から#####を使用して記事を書く。

目次

[:contents]
前後には文字や空白を入れず、1行で指定。

段落

1行以上の空行で挟まれた範囲

改行(1つ)

行末に半角スペースを2個以上

改行(連続)

1行目<br/><br/>2行目  

引用

> 行頭に「>」をつける
>> 入れ子も可能

コード、code記法

文章中のコードは `sample` で囲む
バッククォート2個で囲むと、段落になる。`` sample ``

Pre記法

```で囲む。もしくは行頭に半角スペース4つかタブ1つ
```言語名
言語名は省略可能。言語名の前の半角空白はOK。言語名の後の半角空白はNG。
使用できる言語名は ヘルプ 参照
言語名にbashがないので注意。shはある。
```

リスト

  • 行頭に「*」をつけると箇条書きになる
  • 「*」の直後に半角スペースかタブが必要
  • 箇条書きの前後に空行が必要
  • 階層は半角スペース4つかタブ1つで表現

* リスト1
* リスト1-1
* リスト2

数字付きリスト

  • 「*」の変わりに半角数字+「.」を使用する
  • 数字は並び順で自動的に割り振られる

1. リスト1
2. リスト2
3. リスト3

水平線

「-」か「*」か「_」を3つ以上。記号の間に半角スペースを混ぜることも可能。
***
---

エスケープ(Markdownの記号として認識してほしくない)

バックスラッシュでエスケープする。
例:\*斜体にしない*

文字列装飾

*斜体*: 斜体  
**強調**: 強調  
***斜体+強調***:斜体+強調  
~~取り消し線~~  

記号と文字列の間は空白を開けないように注意

リンク

テキストのみ [テキスト](URL)
リンク先のタイトル [URL:title]
埋め込み、過去記事 [URL:embed:cite]

リンク画像

![代替テキスト](画像のURL)
例: ![ヤフー](https://s.yimg.jp/images/top/sp2/cmn/logo-170307.png)

投稿画像

右側のボタンでいいと思う。  
plainの後に`:w300`と追記する事で画像の幅を指定  
[f:id:sato_susumu:20170819182415j:plain:w300]  

|指定無し|左寄せ|中央寄せ|右寄せ|
|--------|:-----|:------:|-----:|
|100 |200 |300 |400 |

省略形でも書ける

指定無し|左寄せ|中央寄せ|右寄せ
-|:-|:-:|-:
100|200|300|400

注釈

注釈を入れる場所には[^1]を記載する。
脚注内容は
[^1]: ここに脚注の内容を記述する。
脚注内容を書く場所は文中でも文末でもどこでもよいようだ。

アマゾン・アソシエイト

詳細 [asin:ASIN番号:detail]
画像 [asin:ASIN番号:image:large]
商品名のみ [asin:ASIN番号:title]
ASIN番号はAmazonの各商品のページの内容やURLでも確認できる。
ASINはAmazonグループが取り扱う、書籍以外の商品を識別する10けたの番号。

アマゾン・アソシエイトの画像のサイズを調整する。

「:large」の部分を削除したり、「:small」に変更することで画像のサイズを変更できる。
例:
大きい画像 [asin:ASIN番号:image:large]
普通の画像 [asin:ASIN番号:image]
小さい画像 [asin:ASIN番号:image:small]

HTML

タグをそのまま書く

参考ページ

はてなブログでよく使うMarkdown記法(+はてなブログ記法)のまとめ - Noblesse Oblige 2nd
はてなブログで「Markdown記法一覧」を書いてみるテスト - そっと、はてなブログ
はてなで使えるMarkdown記法まとめ - 開発メモ
記事中の見出しから目次を自動的に作成する「目次記法」を追加しました - はてなブログ開発ブログ