golangの日記

Go言語を中心にプログラミングについてのブログ

Markdown チートシート

その他

default-gray.png


マークダウン(e-Words)チートシート。このブログの記事もマークダウンで書いているし、GitHub の README とかいろんなとこで使う機会がある。

マークダウンは、そもそも HTML を生成するためのものなので表記法として定められていないものは HTML で書くことになる。





目次



見出し


# 見出し(h1)
## 見出し(h2)
### 見出し(h3)
#### 見出し(h4)
##### 見出し(h5)
###### 見出し(h6)

見出し(h2)
----------

見出し(h1)
==========



改行


行末に空白を２つ入れる。便宜上 □□ は空白の意味

hello□□
world


Break タグ。空白２つとは違って改行のあとに一行空白が入る。

hello<br/>
world



太字/強調


前後にアスタリスク ** またはスペース __ を２つ

ここが**重要**です。
ここが__重要__です。

ここが重要です。 ここが重要です。



打消し線


~~打消し線~~

打消し線



罫線


アスタリスク、ハイフン、アンダーバー を３つ以上

👇👇👇 これ 👇👇👇

---

👆👆👆 これ 👆👆👆

👇👇👇 これ 👇👇👇

👆👆👆 これ 👆👆👆



実体参照/エスケープシーケンス


\ または `` でエスケープする。以下は見出しではなく ## Hello World がそのまま表示される。

\## Hello World

## Hello World


`## Hello World`

## Hello World



引用


> Citation

Citation



pre 記法


コードのそのまま表示。javascript の部分は、言語に合わせて py とか js とか sh とか指定する。とくにカラーリングが必要なければ書かなくていい。

```javascript
function hello() {

console.log('hello');

}

```

function hello() {
  console.log("hello");
}



インデント


字下げは HTML でスタイル属性でつける。

<p style="text-indent:2em">👈 これ！</p>
<p style="text-indent:4em">👈 これ！</p>
<p style="text-indent:6em">👈 これ！</p>

👈 これ！

👈 これ！

👈 これ！



文字の色


HTML でスタイル属性をつける。

ここ <span style="color:red">重要</span> です！

ここ 重要 です！



リンク


URL は自動でリンクになる。

https://exmaple.com/

https://exmaple.com/


リンクテキストを付ける。

[リンクテキスト](https://example.com/)

リンクテキスト


代替テキストを付ける。

[リンクテキスト](http://example.com "代替テキスト(alt)")

リンクテキスト


ID を付けて参照する。

[id]: https://example.com/

リンク 👉 [リンクテキスト][id]

リンク 👉 リンクテキスト



画像


先頭に ! をつける。

![代替テキスト](https://example.com/image.jpeg)



リスト


先頭に * (アスタリスク)、 - (ハイフン)、 + (プラス)

- hello
  - foo
  - bar
  - baz
  • hello
    • foo
    • bar
    • baz


番号付きリスト

1. foo
   1. foo
   2. foo
2. bar
   1. bar
   2. bar
3. baz
   1. baz
   2. baz



表組み/テーブル


| テーブル | 左寄せ | 右寄せ | 中央揃え |
| -------- | :----- | -----: | :------: |
| 左       | 左     |     右 |    中    |
| Left     | Left   |  Right |  Center  |
テーブル 左揃え 右揃え 中央揃え
左 左 右 中
Left Left Right Center



折りたたみのやつ


<details>
<summary>折りたたみのやつ</summary>
内容</br>
内容</br>
内容</br>
</details>

折りたたみのやつ 内容
内容
内容