` tags. Text blocks also support a **variety** of ~***rich***~ text formatting [options](https://twitter.com/transitive_bs). gray brown orange yellow green blue purple pink red gray bg brown bg orange bg yellow bg green bg blue bg purple bg pink bg red bg ## Image  ## Quote > This is an example quote. ## Callout > This is a basic callout. > It can contain blocks and *rich text*. 💪 ## Divider * * * ## Linked Block *The following block is linked to the content of a global footer block.* > Copyright 2026 [Travis Fischer](https://transitivebullsh.it) • [CC0 License](https://choosealicense.com/licenses/cc0-1.0/) > > [Home](https://www.notion.so/saasifysh/Notion-X-Test-Suite-067dd719a912471ea9a3ac10710e7fdf) • [GitHub](https://github.com/saasify-sh/notion-kit) • [Twitter](https://twitter.com/transitive_bs) ## Lists - Bulleted lists are supported - Second Items - Nested 1 - Nested 2 - Back at top level - Child 1 - Child 2 1. First Item 2. Second 3. Third 1. First Nest 2. Second Nest 1. Deeply nested 3. Third Nest 4. Last - \[ \] Pretty URLs - \[x\] Custom domains - \[x\] Google Fonts - \[x\] Page title/description for SEO - \[x\] Custom scripts - \[x\] A setup wizard to customize the script (instead of having to change the raw code) - \[ \] Stop random pages from showing up under custom domain - \[ \] Hide the What's New banner **Normal Toggle** Content inside here. ## Code Blocks basic code ```typescript /** * Base properties shared by all block types. */ export interface BaseBlock { id: ID version: number created_time: number last_edited_time: number parent_id: ID parent_table: string alive: boolean created_by_table: string created_by_id: ID last_edited_by_table: string last_edited_by_id: ID space_id?: ID properties?: any content?: ID[] type: BlockType } ``` mermaid ```mermaid flowchart LR subgraph subgraph1 direction TB top1[top] --> bottom1[bottom] end subgraph subgraph2 direction TB top2[top] --> bottom2[bottom] end %% ^ These subgraphs are identical, except for the links to them: %% Link *to* subgraph1: subgraph1 direction is maintained outside --> subgraph1 %% Link *within* subgraph2: %% subgraph2 inherits the direction of the top-level graph (LR) outside ---> top2 ``` *Flowchart* ```mermaid quadrantChart title Reach and engagement of campaigns x-axis Low Reach --> High Reach y-axis Low Engagement --> High Engagement quadrant-1 We should expand quadrant-2 Need to promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] ``` *Quadrant Chart* ```mermaid %%{init: { 'logLevel': 'debug', 'theme': 'base', 'gitGraph': {'showBranches': true, 'showCommitLabel':true,'mainBranchName': 'MetroLine1'}} }%% gitGraph commit id:"NewYork" commit id:"Dallas" branch MetroLine2 commit id:"LosAngeles" commit id:"Chicago" commit id:"Houston" branch MetroLine3 commit id:"Phoenix" commit type: HIGHLIGHT id:"Denver" commit id:"Boston" checkout MetroLine1 commit id:"Atlanta" merge MetroLine3 commit id:"Miami" commit id:"Washington" merge MetroLine2 tag:"MY JUNCTION" commit id:"Boston" commit id:"Detroit" commit type:REVERSE id:"SanFrancisco" ``` *Gitgraph Diagram* ## Links bookmark [  Google google.com.hk ](https://www.google.com.hk/) > 没有特殊处理的普通站点的 mention 会显示异常，比如 https://google.com mention： - [Google](https://www.google.com/) - [NotionX/react-notion-x](https://github.com/NotionX/react-notion-x) - [transitive-bullshit/nextjs-notion-starter-kit](https://github.com/transitive-bullshit/nextjs-notion-starter-kit) Inline styled text [NotionX/react-notion-x](https://github.com/NotionX/react-notion-x) and more after block [  GitHub - NotionX/react-notion-x: Fast and accurate React renderer for Notion. TS batteries included. ⚡️ Fast and accurate React renderer for Notion. TS batteries included. ⚡️ - NotionX/react-notion-x github.com ](https://github.com/NotionX/react-notion-x) ## Tables | 1 | 2 | 3 | | --- | --- | --- | | 4 | 5 | 6 | | 7 | 8 | 9 | ## Column Layouts one two three four five   *This is a caption*  ### Nesting works just fine. It is also responsive. ## Equations ### Block $$[ x^n + y^n = z^n ]$$ $$\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }(ϕ5−ϕ)e52π1=1+1+1+1+1+⋯e−8πe−6πe−4πe−2π$$ $$\displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)(k=1∑nakbk)2≤(k=1∑nak2)(k=1∑nbk2)$$ $$\displaystyle {1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots }= \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for }\lvert q\rvert<1.1+(1−q)q2+(1−q)(1−q2)q6+⋯=j=0∏∞(1−q5j+2)(1−q5j+3)1,for ∣q∣<1.$$ ### Inline This is an example of an inline equation: $y = mx + b$ $500ms + 80ms + 500ms = 1080ms = 1.08 seconds$ You can also add formatting: $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$ ## Databases | 名称 | 标签 | 数字 | 单选 | 多选 | 复选框 | 日期 | | --- | --- | --- | --- | --- | --- | --- | | AAA | 123 | 123 | A | A | | 📅 2024/8/21 | | BBB | 321 | 231.1321 | \- | BC | | 📅 2024/8/26 - 2024/8/28 | | CCC | abc | \- | C | \- | | 📅 2024/8/7 | ## Embed PDF YouTube [Embedded Video](https://www.youtube.com/embed/_ngbuYanRh8) *This is a caption* twitter > このイボイボが🦎 > > 気持ちいいにゃ〜😸(о´∀\`о)スリスリ [pic.twitter.com/1gCOIiW4yw](https://t.co/1gCOIiW4yw) > > — ヨガえみちゃんねる (@emichan\_iguana) [June 22, 2020](https://x.com/emichan_iguana/status/1275210350665719810?ref_src=twsrc%5Etfw) Spotify Playlist [Embedded Video](https://open.spotify.com/embed/playlist/2MgkBl2rQnPdF3WZ6ciajc) Google Maps [Embedded Video](https://www.google.com/maps/embed/v1/place?key=AIzaSyD9HrlRuI1Ani0-MTZ7pvzxwxi4pgW0BCY&q=Manhattan)