datsukan blog
📒

datsukan blogのmarkdownのレンダリング確認ページ

この記事は投稿してから1年以上が経過しています。

見出し

## 見出し 2

### 見出し 3

#### 見出し 4

見出し 2

見出し 3

見出し 4

リスト

- Hello!
- Hola!
  - Bonjour!
  * Hi!
  • Hello!
  • Hola!
    • Bonjour!
    • Hi!

番号付きリスト

1. First
   1. Nest first
   2. Nest second
2. Second
  1. First
    1. Nest first
    2. Nest second
  2. Second

チェックボックス

- [ ] タスクグループ
  - [ ] サブタスク1
  - [x] サブタスク2
- [x] タスク
  • タスクグループ
    • サブタスク 1
    • サブタスク 2
  • タスク
1. [ ] タスクグループ
   1. [ ] サブタスク1
   2. [x] サブタスク2
2. [x] タスク
  1. タスクグループ
    1. サブタスク 1
    2. サブタスク 2
  2. タスク

テキストリンク

[アンカーテキスト](リンクのURL)

アンカーテキスト

リンクカード

URL を書くだけ。

https://blog.datsukan.me/

画像

![altテキスト](画像のURL)

sample image

テーブル

| Head | Head | Head |
| ---- | ---- | ---- |
| Text | Text | Text |
| Text | Text | Text |
HeadHeadHead
TextTextText
TextTextText
| Head | Head  | Head |
| :--- | :---: | ---: |
| Text | Text  | Text |
| Text | Text  | Text |
HeadHeadHead
TextTextText
TextTextText

コードブロック

```js
const great = () => {
  console.log("Awesome");
};
```
const great = () => {
  console.log("Awesome")
}

ファイル名を表示する

```js:fooBar.js
const great = () => {
  console.log("Awesome");
};
```
fooBar.js
const great = () => {
  console.log("Awesome");
};

引用

> 引用文
> 引用文

引用文
引用文

> 引用文
> 引用文
> > 引用の引用
> > 引用の引用

引用文
引用文

引用の引用
引用の引用

> *イタリック italic*
> **太字**
> ~~打ち消し線~~
> インラインで`code`を挿入する

イタリック italic
太字
打ち消し線
インラインでcodeを挿入する

> - Hello!
> - Hola!
>   - Bonjour!
>   * Hi!
  • Hello!
  • Hola!
    • Bonjour!
    • Hi!
> 1. First
> 2. Second
  1. First
  2. Second

区切り線

-----

インラインスタイル

*イタリック italic*
**太字**
~~打ち消し線~~
インラインで`code`を挿入する

イタリック italic
太字
打ち消し線
インラインでcodeを挿入する

メッセージカード

Normal

:::normal
通常メッセージです。
ほげほげ。
:::

通常メッセージです。
ほげほげ。

Info

:::info
お知らせメッセージです。
ほげほげ。
:::

お知らせメッセージです。
ほげほげ。

Warning

:::warn
控えめの警告メッセージです。
ほげほげ。
:::

控えめの警告メッセージです。
ほげほげ。

Alert

:::alert
強めの警告メッセージです。
ほげほげ。
:::

強めの警告メッセージです。
ほげほげ。

メッセージ内でのMarkdown記法について

引用と同じようにメッセージ内でもMarkdown記法を使った記述が可能です。

イタリック italic
太字
打ち消し線
インラインでcodeを挿入する

引用文
引用文

HeadHeadHead
TextTextText
TextTextText
  • Hello!
  • Hola!
    • Bonjour!
    • Hi!

fooBar.js
const great = () => {
  console.log("Awesome");
};
コメント
 
URLをコピーしました
Profile picture
datsukan

24歳。埼玉県在住。東京都のSaaS企業でバックエンドエンジニアとして勤務しています。

© 2022 datsukan