Test site q
Blog
Signup
🧶

Advanced

Type
Static Page
Path
/advanced
Page Title
Description
Publish
Publish
Meta keywords
Image

Image Gallery

Columns

notion image
This is a caption
This is a caption
notion image

Nesting works just fine.

It is also responsive.

Block Width

notion image
 

Page Width

notion image
 

Centered

caption that should be aligned with image
caption that should be aligned with image
 

Image Caption Links

/0c322c33381c49bca5083a451c334c39
https://anilist.co/anime/467/Ghost-in-the-Shell-Stand-Alone-Complex/
 

Image Gallery

notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
 
 
 
 
 

Image Upload

External image from Unsplash
External image from Unsplash
Image file uploaded to Notion
Image file uploaded to Notion
 

Collections

Intro

The goal of this sub-workspace is to create a minimal yet comprehensive test suite for Notion collections, collection views, collection queries, property types, formatting options, and related functionality.
 
Note that Notion publicly refers to collections as Notion databases, whereas their API and implementation refers to them as collections and collection views.
Kitchen Sink (1)
Name
Text
Number
Select
Multi-select
Date
Person
Files
Checkbox
URL
Email
Phone
Created
datetime
🏢
New York
test
42
foo
foo
bar
nala
Jul 23, 2020
00.jpg
Checkbox
https://notion2site.com
t@t.com
5555555555
Aug 1, 2022 04:23 PM
Mar 4, 2022
London
-32.48
bar
nala
git
Jul 31, 2010 → Jul 31, 2020
0.jpg21.jpg
Checkbox
https://twitter.com/transitive_bs
fuzzywuzzy@gmail.com
+665555555555
Aug 1, 2022 04:23 PM
Shanghai
looooooooooooooooooooooooooooooooooooooooooooooooooooooooooong looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong loooooooooooooooooooooooooooooong
1000099
bar
foo
git
baz
abc
ghi
jkl
mno
stu
Jul 22, 3000
https://images.unsplash.com/photo-1542404467-c68ef6f41a5d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80
Checkbox
https://transitivebullsh.it
foo
Aug 1, 2022 04:23 PM
empty
Checkbox
Aug 1, 2022 04:23 PM
 

Unit Tests

🔢
Number Formatting (1)
Inline Gallery (1)
📜
Table with no widths (1)
🕵️
Child Collection Views (1)
🤖
Formulas (1)
📔
Linked Collection Views (1)
Grouped table (1)
Simple Table (1)
New DB after View updates (1)

Stress Tests

The NBA — in Notion.
The NBA — in Notion.
Notion Pokédex v2.0
Notion Pokédex v2.0
Hot Ones
Hot Ones
 

Embeds

About half of Notion's supported embed types are generic iframes. The rest either have edge cases, custom formatting, or use a third-party script to embed content.
 

YouTube

Video preview
This is a caption
 

Twitter

 

Spotify Playlist

 

Spotify Podcast

 

Spotify Podcast 2

 

Spotify Preserve Scale

 

Google Maps

 

Figma

Figma embed caption
 

Loom

 

SoundCloud

 

Airtable

 

Google Drive (Doc)

Aaron_Wang_Design_Resume.pdf
Aaron_Wang_Design_Resume.pdf
drive.google.com
 

Google Drive (Sheet)

Copy of Sheet2Site Basic Template
Copy of Sheet2Site Basic Template
docs.google.com
 

 
Copyright 2022 Travis Fischer • CC0 License

Home • GitHub • Twitter
Copyright 2022 Travis Fischer • CC0 License Home • GitHub • Twitter
 

File Uploads

File blocks are similar to embed blocks, but instead of embedding external content, they provide access to uploaded files.
Note that displaying and/or downloading these files requires using the getSignedFileUrls endpoint.
 

Single-Page PDF

 

Multi-Page PDF

 

Video

 

MP3 File

 

File Download

Aaron_Wang_Design_Resume.pdf
1605.6KB
 

Maths equations

On any Notion page, you can display beautifully formatted, comprehensible mathematical characters, expressions and equations. Notion uses the library to render math equations, which supports a large subset of functions.
This feature comes in handy for note taking, technical documentation, homework, or anywhere you need to use fractions and equations.
 

Add a math equation as a block

  • Click the + that appears to the left when you hover over a new line. Scroll down and choose Inline equation in the dropdown. Alternatively, type /math and press enter.
  • With the new equation block in place, click inside it to type or paste your equation, or use cmd/ctrl + enter/return.
notion image

Arrange math blocks

  • Use drag and drop to move math equations around your page. Hover over the block, then use the ⋮⋮ icon that appears as a handle to drag it.
  • You can also drag and drop your math equations into columns.
notion image

Add a math equation inline

Just like you can format text in Notion as bold, strikethrough, or code notation, you can also format your text as a math equation, like this quadratic formula:
There are a few different ways to add math equations inline, and all are keyboard friendly.

With text shortcuts

  • Type two dollar signs, followed by your equation. When you close your formula with two more dollar signs, it will turn into an equation.
  • For example, $$y = mx + b$$ becomes
notion image

With the equation input

  • To open the equation input, use the keyboard shortcut ctrl/cmd + shift + E.
  • Type your equation into the input, and press enter.
notion image

With the formatting menu

  • Highlight an equation in your paragraph.
  • Click the button in the formatting menu that appears, or use the keyboard shortcut ctrl/cmd + shift + E. Your selected text should turn into an equation.
notion image

Edit an inline equation

  • You can edit an existing equation by clicking on it. This will open the equation input, and any changes you make to the equation will reflect live on your page.
  • You can also use the arrow keys on your keyboard to navigate to an equation. The equation input will open when your cursor passes over the equation, and the equation input will close if you continue pressing the arrow key in the same direction.
notion image

Recognized symbols

Notion supports the full scope of symbols and operations within the language. For a full list of supported functions, please visit the links below:
Supported Functions · KaTeX
This is a list of TeX functions supported by KaTeX. It is sorted into logical groups. There is a similar Support Table, sorted alphabetically, that lists both supported and un-supported functions.
https://katex.org/docs/supported.html
Supported Functions · KaTeX
Support Table · KaTeX
This is a list of TeX functions, sorted alphabetically. This list includes functions that KaTeX supports and some that it doesn't support. There is a similar page, with functions sorted by type. If you know the shape of a character, but not its name, Detexify can help.
Support Table · KaTeX
https://katex.org/docs/support_table.html
Support Table · KaTeX
👉
Note: spans most but not all mathematical notation supported by . If your equation isn't rendering correctly in Notion, please visit the links above to see if that function is supported.

Block Equations

 
 
 
 
 

Inline Equations

This is an example of an inline equation:
 
 
You can also add formatting:
 
 

FAQs

I don't know LaTeX but want to use Notion's equations. How can I get started?
It's easy to get started using LaTeX for homework, class notes, or lab reports. Basic arithmetic and variable names are valid in LaTeX already:
  • y = mx + b renders as
  • a^2 + 2ab + b^2 becomes
If you just need to look up specific symbols, Detexify is a great resource that allows you to draw the symbol and look up the corresponding LaTeX code.
To learn more powerful LaTeX, Overleaf documentation is a great place to learn the basics:
  • Mathematical expressions
  • Subscripts and superscripts
  • Brackets and Parentheses
  • Matrices
  • Fractions and Binomials
  • Aligning Equations
  • Operators
  • Spacing in math mode
  • Integrals, sums and limits
  • Display style in math mode
  • List of Greek letters and math symbols
  • Mathematical fonts
Note that Overleaf is a full-featured LaTeX editor, so not everything in the documentation is supported in Notion. If in doubt, you can always check this list of Supported Functions or alphabetized Support Table to determine which functions are supported.
 
Why can't I render a specific equation? What formulas/libraries do you support? Can you add support for a formula or library I want to use?
Notion uses the KaTeX library to render equations. KaTeX supports a large subset of LaTeX, documented on their list of Supported Functions and alphabetized in this Support Table. To request support for new functions or environments, you can open an issue on the KaTeX GitHub project.
 
I'm trying to use the align environment and it's not working!
From the Common Issues page of the KaTeX documentation:
"KaTeX does not support the align environment because LaTeX doesn't support align in math mode. The aligned environment offers the same functionality but in math mode, so use that instead."
 
Can I use inline equations for superscript and subscript?
It's possible to use inline equations as a "hack" for superscript and subscript, but it does mean that the text will be an equation, in "equation font."
  • Here's an example of text.
    • Here's an example of text.
      The basic idea is to use ^ for superscript and _ for subscript. By default, text will appear in italics, without any spaces:
      The solution is to wrap each piece of text in \text{...}, which tells to process the contents of the curly braces in text mode, not math mode.
       
      What happens when I copy/paste inline LaTeX?
      It will give you the source code.
       
      How do I use Notion for chemistry?
      Notion supports the \\ce and \\pu chemical equation macros from the mhchem extension. These shortcuts allow you to typeset beautiful chemical and mathematical equations quickly and easily.
       
      How do I convert between inline and block equations?
      If you have a block containing an inline equation, you can use the "Turn into" menu to make it a block equation:
      notion image
      You can also turn a block equation into inline text:
      notion image
       

      Related guides

       

      Column layouts

      one
      two
      three
      four
      five
       
      This is an image caption
      This is an image caption
      notion image
      notion image

      Nesting works just fine.

      It is also responsive.

      Notion Inception

      This page embeds an external, lightweight version of this page within itself...
       
      notion image
       
       

      Notion tweet

      Text Tweet

       

      Image Tweet

       

      Multi-Image Tweet

       

      Image Card Tweet

       

      Poll Tweet

       

      Video Tweet

       

      Side-by-side

      Resources

       

       
      👉
      Follow me on twitter for more awesome stuff like this @transitive_bs

      Sync blocks

      This is the first sync block

      notion image
      With some random content
       
      Just a copy 👇

      This is the first sync block

      notion image
      With some random content
       

      This is the second sync block

      📣
      Testing a callout

      Heading 3

      • Item 1
      • Item 2
      • Item 3
       
       
      Just a copy 👇

      This is the second sync block

      📣
      Testing a callout

      Heading 3

      • Item 1
      • Item 2
      • Item 3
       

      Youtube

      Normal

      Video preview
       

      Wide

      Video preview
       

      Full Width

      Video preview
       

      Resized

      Video preview