Markdown 備忘録

Custom Containers

コード

チップ

Title

リンク、フォント

見出し2

見出し3

このサイトはMarkdownによって構成されています
簡易的な使い方を以下に示しますが、このサイト独自のカスタマイズを含んでいます
あらかじめご了承ください

　
Custom Containers

Input

::: info
This is an info box.
:::

::: tip
This is a tip.
:::

::: warning
This is a warning.
:::

::: danger
This is a dangerous warning.
:::

::: details
This is a details block.
:::

Output

::: info This is an info box. :::

::: tip This is a tip. :::

::: warning This is a warning. :::

::: danger This is a dangerous warning. :::

::: details This is a details block. :::

　
コード

Input

markdown

```python
print('Hello World')
```

`*3 によって囲む

先頭の `*3 の後に Langage を指定できる

Python を指定した例：

Output

python

print('Hello World')

　
チップ

Input

### Title <Badge type="info" text="default" />

Output

Title

　
リンク、フォント

Input

本文

# 見出し1

## 見出し2

### 見出し3

#### 見出し4

見出し4以下はどれも同じ

半角スペース2つで改行  
改行された

1行開けて段落

段落された

---

線を引いた

> 引用した
>
> > 多重引用できた

これは `code` です  
これは _イタリック_ です  
これは **ボールド** です

- リスト１
- リスト２

1. 番号リストA
1. 番号リストB
   1. 番号リストB-1 ←ここには空白スペース4つ
   1. 番号リストB-2
1. 番号リストC

テーブル
| 左揃え | 中央揃え | 右揃え |
| :-- | :--: | --: |
| 1 | 2 | 3 |

絵文字 :smile:  
:tada:
:100:

リンク
[uiro.dev](https://uiro.dev)

先頭に!を入れると画像として認識される
![建物](/blog/images/landscape.webp)

htmlのタグを使ってサイズ調整
<img src="/blog/images/landscape.webp" alt="代替テキスト" title="代替テキスト" width="200" height="200">

他のhtmlタグも使えます  
これは<span style="color: red; ">赤文字</span>です