ここに記載されていない装飾をしてしまうとブログで非表示になってしまいます。

ご注意ください(´・ω・`)

***********************

▼ web bookmark：解説記事

▼ twitter embed：解説記事

▼インデント

▼ 空ブロック(３行連続)

▼ Bold

太字太字太字ここが太字

▼ Underline

下線下線下線ここで下線

▼ Italicize

ここが斜め文字aaaaaaaa

▼ Strike-through

取り消し取り消しここを取り消し線

▼ Mark as code

コードコードgit pushコード

▼ Text color ：03/11_追加

文字の途中で色を変える

▼ Equation ：07/23

計算をしたいときに複雑な式$x^2 - 4x + 1 = 0$を書ける

▼ Equationブロック：07/23_解説記事

▼ Heading 1：カスタム済み_解説記事

▼ Heading 2：カスタム済み_解説記事

▼ Heading 3：カスタム済み_解説記事

▼ ToDo list：10/02

▼ Bulleted list

• リスト１
• リスト２
  • 子リスト１：以降_02/23 追加
  • 子リスト２
    • 孫リスト
    • 孫リスト
      • ひ孫リスト
        • 玄孫リスト
          • 永遠....

▼ Numbered list

1. ナンバーリスト１
2. ナンバーリスト２
   1. 子ナンバーリスト：以降_02/23 追加
   2. 子ナンバーリスト
      1. 孫ナンバーリスト
      2. 孫ナンバーリスト
         1. ひ孫ナンバーリスト
            1. 玄孫ナンバーリスト
               1. 永遠......

▼ Color block：05/07_修正

テキストの色に着色

テキストの色に着色

テキストの色に着色

テキストの色に着色

▼ BackgroundColor block：03/11_追加

背景に色を付けちゃう

背景に色を付けちゃう

背景に色を付けちゃう

背景に色を付けちゃう

*******

▼ 他に着色(Text color, Color, BackgroundColor)できるブロック：05/07_修正｜03/11_追加_：解説記事

★　テキスト(paragraph)

テキストの一部に色を変更する

テキストの文字に着色　👉05/07_修正

テキストの文字色を付けて一部の色を変更する👉05/07_修正

テキストの文字色を付けて一部の背景色を変更する👉05/07_修正

テキストの一部に背景色をつける

テキストに背景色を付ける

テキストに背景色を付けて一部の色を変更する

テキストに背景色を付けて一部の色を変更する

★　見出し

★　リスト(Bulleted list)

• 通常リスト
• リストの一部で色を変更する
• リストの文字に着色
• リストに文字色を付けて一部の色を変更する
• リストに文字色を付けて一部の背景色を変更する
• リストの一部で背景色を付ける
• リストに背景色を付ける
• リストに背景色を付けて一部の色を変更する
• リストに背景色を付けて一部の背景色を変更する

★　ナンバーリスト( numbered_list_item)

1. 通常ナンバーリスト
2. ナンバーリストの一部で色を変更する
3. ナンバーリストの文字に着色
4. ナンバーリストの文字色を付けて一部の色を変更する
5. ナンバーリストの文字色を付けて一部の背景色を変更する
6. ナンバーリストの一部で背景色を付ける
7. ナンバーリストに背景色を付ける
8. ナンバーリストに背景色を付けて一部の文字を変更する
9. リストに背景色を付けて一部の背景色を変更する

★　Callout

★　Quote

通常の引用ブロック

引用の一部で色を変更する

引用の文字に着色

引用に文字色をつけて一部の色を変更する

引用に文字色をつけて一部の背景色を変更する

引用の一部で背景色を付ける

引用に背景色を付ける

引用に背景色を付けて一部の文字を変更する

引用に背景色を付けて一部の背景色を変更する

★　Table列　👉No Support

*******　▲ 着色に関するブロック以上　******

▼ Table：10/11 改行 | 05/21 スクロール | 01/10New_解説記事

▼ Toggle：09/04

jest.mock('../../../src/lib/notion/blog-index-cache')

import { render } from '@testing-library/react'
import RenderPosts from '../../../src/pages/blog/index'

import {
  getPosts,
  getFirstPost,
  getRankedPosts,
  getAllTags,
} from '../../../src/lib/notion/client'

jest.mock('next/router', () => ({
  useRouter() {
    return {
      asPath: '/blog',
      pathname: '/blog',
    }
  },
}))

describe('RenderPosts', () => {
  it('renders the page unchanged', async () => {
    const posts = await getPosts()
    const firstPost = await getFirstPost()
    const rankedPosts = await getRankedPosts()
    const tags = await getAllTags()

    const { container } = render(
      <RenderPosts
        posts={posts}
        firstPost={firstPost}
        rankedPosts={rankedPosts}
        tags={tags}
      />
    )
    expect(container).toMatchSnapshot()
  })
})

▼ Quote

引用した記述はこんな感じ

▼ Divider：12/19追加_カスタム済(06/18)

▼ Callout

▼ Emoji

😀

▼ Image：カスタム済み_解説記事

▼ Code_2021/12/28追加

git commit -m"コードを説明する時使える"

　Mermaidモード_2022/02/18(previewモード)：追加_解説記事

Mermaidテーマ：neutral_2022/07/23

MermaidモードでGit graphも対応_2022/05/28

▼ Video_2022/06/23追加_ 解説記事

▼ 2column_2022/08/26

▼ 同期ブロック_2022/09/04

↑本家ブロック

↓貼り付けられたブロック

▼ もくじブロック

*****************

進捗一覧