Markdown記法速習

前提

見栄えを気にして、使えそうなMarkdownを以下の参考サイトから備忘します
【すぐに使えるサンプル付き】Markdown記法一覧を徹底解説! | 侍エンジニアブログ
【初心者向け】Qiitaでよく使うMarkdownの記法チートシート #mermaid – Qiita

使いそうな記法メモ

## 大見出し(章)
### 中見出し(節)
#### 小見出し(項)

```python:test.py
# コード挿入
def hello_world():
    print("Hello, World!")
```

```diff_python:test.py
# 差分の表示
def hello_world():
-   print("Hello, World")
+   print("Hello, World!")
```

`` #ここにインラインコード対象を記入 ``

 #以下リスト記入
-→項目1
- 項目2
  - 項目2-1
  - 項目2-2
- 項目3

_これは斜体です_

**これは太字です**

***これは太字かつ斜体です***

<!--
この部分がコメントアウトされる。
-->

基本の画像
![代替テキスト](画像のURL)

幅のピクセル指定
<img src="画像のURL" width="200px">

幅の割合指定
<img src="画像のURL" width="50%">

テーブルの中の画像
|             画像1             |             画像2              |
| ----------------------------- | ------------------------------ |
| ![代替テキスト1](画像1のURL)  | ![代替テキスト2](画像2のURL)   |

読み込めない場合
![読み込めない場合](画像のURL)

> これは引用です。
> 引用文はこのように表示されます。
>> 2つ使うこともできます。

---で区切り線を引けます。

::: note info
緑で囲む(補足説明)
:::

:::note warn
黄色で囲む(注意)
:::

:::note alert
赤色で囲む(警告)
:::

#表・テーブルの書き方
| 見出し1 | 見出し2 | 見出し3 |
| ------- | ------- | ------- |
| 内容1   | 内容2   | 内容3   |
| 内容A   | 内容B   | 内容C   |

<details>
<summary>
常に表示される部分(左の三角を押すと開いたり閉じたりする)
</summary>
折り畳まれる文章

- 折り畳まれるリスト

</details>


------------#以下改行------------------------
テキスト1

テキスト2

テキスト3
-----------------------------------------------

~~取り消したい文字~~

<!-- 色名で指定する方法 -->
<font color="red">sample text</font>
<font color="blue">sample text</font>
<font color="green">sample text</font>

<!-- カラーコードで指定する方法 -->
<font color="0c907d">sample text</font>
<font color="ffb677">sample text</font>
<font color="b5592a">sample text</font>

- [ ] HTML
- [x] CSS
- [ ] VBA

#以下[]内が発色したリンクになる
[侍エンジニア](https://www.sejuku.net/blog/)

コメントする

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