The BlogPro Blog

Supported Notion Blocks

Hongbeom
HongbeomOct 3, 2024
3 min read|

Supported Notion Blocks

One of our BlogPro customers, Huny, has conducted extensive tests on how Notion blocks are rendered and displayed in a BlogPro blog. The image on the left shows the original Notion block, while the one on the right shows how BlogPro renders it.

기본 블록

텍스트 (Text)

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의DevBlog후니의DevBlog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

← Notion Block | BlogPro Block →

@Hun Jang

목록 (List)

Dev 아이템 1
Dev 아이템 2
  • Dev 아이템 1
  • Dev 아이템 2
  • Dev 아이템 1
  • Dev 아이템 2
  • Dev 아이템 1
  • Dev 아이템 2
  1. Dev 아이템 1
  1. Dev 아이템 2
  1. Dev 아이템 1
  1. Dev 아이템 2
  1. Dev 아이템 1
  1. Dev 아이템 2

← Notion Block | BlogPro Block →

목록(Nested)

Dev 아이템 1
Dev 아이템 2
Dev 아이템 3
Dev 아이템 4
Dev 아이템 5
  • Dev 아이템 1
    • Dev 아이템 2
      • Dev 아이템 3
        • Dev 아이템 4
          • Dev 아이템 5
  1. Dev 아이템 1
    1. Dev 아이템 2
      1. Dev 아이템 3
        1. Dev 아이템 4
          1. Dev 아이템 5

Dev 아이템 1

← Notion Block | BlogPro Block →

표 (Table)

Dev 헤더 1Dev 헤더 2Dev 헤더 3
Dev 아이템 1Dev 아이템 2Dev 아이템 3

← Notion Block | BlogPro Block →

인용 (Quotes)

Dev 제목
Dev 내용

← Notion Block | BlogPro Block →

콜아웃 (Callout)

💡
Dev 제목
Dev 내용
😀
Dev 제목
Dev 내용

← Notion Block | BlogPro Block →

미디어 블록

이미지 (Images)

왼쪽 정렬

가운데 정렬

오른쪽 정렬

← Notion Block | BlogPro Block →

북마크 (Bookmark)

← Notion Block | BlogPro Block →

동영상 (Video)

← Notion Block | BlogPro Block →

오디오 (Audio)

← Notion Block | BlogPro Block →

코드 (Code)

package main
import "fmt"
func main() {
fmt.Println("Hello, world!")
}

← Notion Block | BlogPro Block →

파일 (File)

데이터 베이스 (Database)

Inline Database
Page 3
Page 1
Page 2

고급 블록 (Advanced Blocks)

목차 (Table of Content)

← Notion Block | BlogPro Block →

수학 공식 블록 (Math Equation)

E=mc2E=mc2E=mc2E=mc2
01x2dx01x2dx∫01x2 dx∫01​x2dx
b±b24ac2a2ab±b24ac​​−b±b2−4ac2a2a−b±b2−4ac​​
(abcd)(acbd)(abcd)(ac​bd​)
n=11n2n=1n21∑n=1∞1n2n=1∑∞​n21​
eiπ+1=0eiπ+1=0eiπ+1=0eiπ+1=0

← Notion Block | BlogPro Block →

버튼 (Button) → not supported ❌

← Notion Block | BlogPro Block →

이동 경로 (Navigation)

← Notion Block | BlogPro Block →

동기화 블록 (Sync Block)

텍스트 블록

텍스트 블록

← Notion Block | BlogPro Block →

코드 - Mermaid

sequenceDiagram
participant C as Client
participant S as Server
C->>S: HTTP Request
Note right of S: Server processes the request
S->>C: HTTP Response

← Notion Block | BlogPro Block →

인라인 (Inline blocks)

사용자 멘션하기 (Mention users)

@Hun Jang

← Notion Block | BlogPro Block →

페이지 멘션하기 (Mention pages)

← Notion Block | BlogPro Block →

날짜 또는 리마인더 (Date or Reminders)

2024-04-15

2024-04-16T09:00:00.000+09:00

← Notion Block | BlogPro Block →

이모지 (Emojis)

👫 ➡️ 🏠 = "Friends go to the house"

🍽️ 🍎 = "Eat an apple"

😊 🐶 = "The dog is happy"

← Notion Block | BlogPro Block →

인라인 수학 공식 (Inline math equation)

오일러등식:eiπ+1=0eiπ+1=0오일러 등식: eiπ+1=0eiπ+1=0

← Notion Block | BlogPro Block →