Table of Contents
- Table of Contents
- @2021/03/12 Inline Mention in TOC
- BASIC BLOCKS
- Text
- Nested Text
- Text Colors
- Page
- To-do List
- 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
- Toggle List
- Quote
- Divider
- Link To Page
- Callout
- INLINE
- Mention a Person
- Mention a Page
- Date or Reminder
- DATABASE
- MEDIA
- Image
- Web Bookmark
- Video
- Audio
- Code
- File
- ADVANCED BLOCKS
- Math Equation
- Template Button
- Breadcrumb
- Synced Block
- 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
@2021/03/12 Inline Mention in TOC
BASIC BLOCKS
Text
bold italic underline strike coooooooooooooo
ooooooo
oooooooooooooooooooooooooooooooode
multiple
Inline Math: (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
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
To-do List
Heading
Bulleted List
- Item 1
- Item 2
- Item 3 Long : Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- list-style-typeSub-item : Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Numbered List
- Item 1
- Item 2
- Item 3
- 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
- Numbered in toggle
Text in toggle
Table in toggle
Good | Tags | Description |
---|---|---|
Play Games | a | g |
Fight with Baby | b | big |
So Big | ab | baby |
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
New
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)
Name | Column | Tags | Description | Declarative | URL |
---|---|---|---|---|---|
JavaScript | A | webfun | A scripting language | https://developer.mozilla.org/zh-TW/docs/Web/JavaScript | |
CSS | B | webfun | Used to style HTML | ||
HTML | webfun | Powerful way to describe a view | |||
MEDIA
Image
Web Bookmark
Video
Vimeo, Bret Victor — The Future of Programming
Youtube
Youtube
Youtube
Youtube, full version audio
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
ADVANCED BLOCKS
Math Equation
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
.