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

2. Dev 아이템 2

3. Dev 아이템 1

4. Dev 아이템 2

5. Dev 아이템 1

6. 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 헤더 1	Dev 헤더 2	Dev 헤더 3
Dev 아이템 1	Dev 아이템 2	Dev 아이템 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)

About

Welcome to Huny's Dev Blog at blog.huny.dev, a dedicated space for exploring the vast world of development languages and technologies. Our mission is to delve into various programming languages, frameworks, and development techniques, providing

https://blog.huny.dev/about

 

← 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)

hello.world.txt

데이터 베이스 (Database)

Name	Tags
Page 3	Tag 3
Page 1	Tag 1
Page 2	Tag 2

고급 블록 (Advanced Blocks)

목차 (Table of Content)

• 기본 블록
• 텍스트
• 목록
• 목록(Nested)
• 표
• 인용
• 콜아웃

• 미디어 블록
• 이미지
• 북마크
• 동영상
• 오디오
• 코드
• 파일

• 데이터 베이스

• 고급 블록
• 목차
• 수학 공식 블록
• 버튼
• 이동 경로
• 동기화 블록
• 열
• 코드 - Mermaid

• 인라인
• 사용자 멘션하기
• 페이지 멘션하기
• 날짜 또는 리마인더
• 이모지
• 인라인 수학 공식

← Notion Block | BlogPro Block →

수학 공식 블록 (Math Equation)

$$\text{E}=\text{mc}2\text{E}=\text{mc}2$$

$$∫01\text{x}2 \text{dx}∫01\text{x}2\text{dx}$$

$$−\text{b}±\text{b}2−4\text{ac}2\text{a}2\text{a}−\text{b}±\text{b}2−4\text{ac}$$

$$(\text{abcd})(\text{acbd})$$

$$∑\text{n}=1∞1\text{n}2\text{n}=1∑∞\text{n}21$$

$$\text{ei}π+1=0\text{ei}π+1=0$$

← Notion Block | BlogPro Block →

버튼 (Button) → not supported ❌

← Notion Block | BlogPro Block →

이동 경로 (Navigation)

Home

← 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)

Huny's Dev Blog

blog.huny.dev

huny.dev

← 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)

$$\text{오일러} \text{등식}: \text{ei}π+1=0\text{ei}π+1=0$$

← Notion Block | BlogPro Block →