Block Test

Table of Contents

@2021/03/12 Inline Mention in TOC

BASIC BLOCKS

Text

bold italic underline strike cooooooooooooooooooooooooooooooooooooooooooooooooooooode multiple

Inline Math: x2d2ydx2+xdydx+(x2d2)y=0x^2\frac{d^2y}{dx^2}+x\frac{dy}{dx}+(x^2-d^2)y=0 (Bessel equation)

Block Color

Block Color

Mention another page in table: Complex Block Test

Mention another page outside table: Welcome to Notablog

Manual break New line in the same block

Commented

Nested Text

At level one

  • At level two
    1. At level three

    <script>alert('xss');</script>

Text Colors

Font Color : default gray brown orange yellow green blue purple pink red

Background Color : default gray brown orange yellow green blue purple pink red

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Page

Embedded Page (Empty)
Embedded Page (Non-empty)

To-do List

Unchecked
Checked
With Children: long long long long long long long long long long long long long long long long long long long long long text
A Child

Heading

Heading 1

The quick brown fox jumps over the lazy dog.

Heading 2

The quick brown fox jumps over the lazy dog.

Heading 3

The quick brown fox jumps over the lazy dog.

Bulleted List

Numbered List

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3-1

Toggle List

With color
Nested with color
“Consider a future device … in which an individual stores all his books, records, and communications, and which is mechanized so that it may be consulted with exceeding speed and flexibility. It is an enlarged intimate supplement to his memory.”
With many types of blocks
Toggle in toggle

Hi

  • Bulleted in toggle
  1. Numbered in toggle

Text in toggle

Table in toggle

GoodTagsDescription
Play Gamesag
Fight with Babybbig
So Bigabbaby
With long text: The human mind does not work that way. It operates by association. With one item in its grasp, it snaps instantly to the next that is suggested by the association of thoughts, in accordance with some intricate web of trails carried by the cells of the brain.

Quote

Say Something

Divider

Link To Page

Old

🌟
What's New?

New

🚧
Block Test

Callout

🔥

A callout with an emoji

A callout with a linked image

A callout with an uploaded image Gotcha : An uploaded image is public accessible only when the page containing it is public.

INLINE

Mention a Person

@Alexander Wang Inline Mention Person

Mention a Page

Embedded Page (Empty) Inline Mention Page

Date or Reminder

@2019/05/27 → @2019/05/31 Inline Mention Date

DATABASE

Table Inline (Wrap Cells)

NameColumnTagsDescriptionDeclarativeURL
JavaScriptAwebfunA scripting language
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript
CSSBwebfunUsed to style HTML
HTMLwebfunPowerful way to describe a view

Board Inline

Gallery Inline

List Inline

Calendar Inline

MEDIA

Image

Built-in Image, FullWidth
Unsplash, > PageWidth
Unsplash, PageWidth
Uploaded, Normal-in-column
Unsplash, PageWidth-in-column
Normal

Web Bookmark

Notion (@NotionHQ) | Twitter

The latest Tweets from Notion (@NotionHQ). The all-in-one workspace - for notes, tasks, wikis, and databases. San Francisco, CA

Video

Vimeo, Bret VictorThe Future of Programming

Youtube

Youtube

Youtube

Youtube

Uploaded File

Audio

Code

'use strict'

module.exports = intercept

function intercept() {
  
  return transformer.bind(this)

  function transformer(tree, file) {
    let _tree = tree
    let _file = file
  }
}
(module
  (table 0 anyfunc)
  (memory $0 1)
  (export "memory" (memory $0))
  (export "add" (func $add))
  (func $add (param $0 i32) (param $1 i32) (result i32)
    (i32.add
      (get_local $1)
      (get_local $0)
    )
  )
)
import java.io.*;
import java.util.*;
 
// Class
class GFG {
 
    // Main driver method
    public static void main(String[] args)
    {
        // Creating an ArrayList
        // Declaring the ArrayList
        ArrayList<String> list = new ArrayList<String>();
 
        // Adding (appending) new elements at
        // the end of the List
        // Custom inputs
        list.add("Geeks");
        list.add("for Geeks");
 
        // Declaring the Iterator
        Iterator<String> iterator = list.iterator();
 
        // Printing hasNext() values
        // Prints true because iterator has two more values
        System.out.println(iterator.hasNext());
        iterator.next();
        System.out.println(iterator.hasNext());
    }
}
/* This is broken. */
function foo() {
	return "bar"
}
/* Wrap */
KKBOX.isMobile = /(phon|android|iPad|iPod|opera mini|blackberry|IEMobile|nokia|motorola|sonyericsson|samsung|lg-|sie-|tablet)/i.test(navigator.userAgent);
KKBOX.isTablet = /(^.*android((?!Mobile).)*$|iPad|tablet)/i.test(navigator.userAgent);
/* No Wrap */
KKBOX.isMobile = /(phon|android|iPad|iPod|opera mini|blackberry|IEMobile|nokia|motorola|sonyericsson|samsung|lg-|sie-|tablet)/i.test(navigator.userAgent);
KKBOX.isTablet = /(^.*android((?!Mobile).)*$|iPad|tablet)/i.test(navigator.userAgent);

File

test-tone.mp3
LMch0pp1-13.jfx356.8KB

ADVANCED BLOCKS

Math Equation

x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

Template Button

I am a template

  • Convenient

Breadcrumb

Synced Block

A "Transclusion Container", let's call it A.

Hello, world!

A "Transclusion Reference" that is paste after clicking "Copy and paste" in A, let's call it B.

A "Transclusion Reference" that is paste after clicking "Copy and paste" in B, let's call it C.

Column List

Column 1

Column 2

Column 3

Column 4

Column 5

Column 6

Column 7

Column 8

Column 9

Column 10

Column-33%

Column-33%

Column-33%

Embed

PDF

CodePen