Boostnote Cheatsheet

boostnote.md

📋 📘 Boostnote Markdown CheatSheet

The missing markdown feature cheat sheet for Boostnote.
It tries to give a short summary of all formatting options which are available in Boostnote.

---

⚠️ Only works in Boostnote.
👉 Open the Preview Page to see how it's rendered.
🈴 Chinese Version

---

• Text Formatting
  • Emphasis
  • Abbreviation
  • Superscript
  • Link
  • Check box
  • Quotation
  • Footnotes
  • Html
  • Emotiocons
  • Arrows
  • Keystrokes
  • Source Code
• Structuring
  • List
  • Definition list
  • Table
  • Block
  • Fold
  • Horizontal line
  • Admonition
• Image
  • Gallery
• Latex
• Diagram Integrations
  • Flowchart
  • Sequence
  • mermaid
  • Chart
  • Ditaa
  • Plant UML

Table of Contens generated by: Shortcut: [[Shift]]+[[ctrl]]+[[T]] Menu: File / Generate / Update Markdown TOC

Text Formatting

Emphasis

Italic type Bold Negative highlighted

Abbreviation

The HTML specification is maintained by the W3C. *[HTML]: Hyper Text Markup Language *[W3C]: World Wide Web Consortium

Superscript

H20 29^th^

Link

Simple link: https://en.wikipedia.org/wiki/Microsoft_Notepad
Named link: Boostnote
Tooltip link: Hover Me
Auto linking: - google.com
Jump to line: Go to line 200

Check box

• Task 1
• Task 2

Quotation

Quotation Quotation Quotation

Footnotes

Here is a footnote reference,¹ and another.²

Html

Green Text Yellow Text underlined

HTML only works if you enable: Menu: Preferences / Interface / Preview / Sanitization / Allow dangerous html tags

Emoticons

Emoji by shortcode: 📚 📝 👀 Emoji by Unicode: 📚 📝 👀 complete emojy list

Arrows

--> →
<-- ←
<-> ↔
==> ⇒
<== ⇐
<=> ⇔

Smart arrows only work if you enable:
Menu: Preferences / Interface / Preview / Sanitization / Convert textual arrows to beautiful signs
⚠ This will interfere with using HTML comments in your Markdown.

Keystrokes

[[Esc]] [[z]]

Source Code

Render: function () {
  Return (
    <Div className = “commentBox”>
      <H1> Comments </ h1>
      <CommentList data = {this.state.data} />
      <CommentForm onCommentSubmit = {this.handleCommentSubmit} />
    </Div>
  );
}

Structuring

List

• List 1
• List 2

1. First ordered list item Second line
2. Another item

Definition list

Term 1 ~ Definition 1 Term 2 ~ Definition 2a ~ Definition 2b Term 3 ~

Term 1 : Definition 1 Term 2 with *inline markup* : Definition 2

     { some code, part of Definition 2 }
Third paragraph of definition 2.

Table

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1
	Grouping

First Header	Second Header	Third Header
Content	Long Cell
Content	Cell	Cell
New section	More	Data
And more	With an escaped '|'
[Table description]

Markdown	Less	Pretty
Still	renders	nicely
1	2	3

There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.

Block

Some Infor First Line - Lorem ipsum dolor sit amet, consetetur sadipscing eli
Some Infor Second Line - Lorem ipsum dolor sit amet, consetetur sadipscing eli
Some Infor Third Line - Lorem ipsum dolor sit amet, consetetur sadipscing eli

Fold

Boostnote is a notepad corresponding to markdown notation, which is a tool for organizing and sharing information.

- Features -
· Search function to find memos in one shot · Supports markdown notation
· Support for Mac, Windows, Linux, iOS, Android
· Export and import to Plain text (.txt), Markdown (.md) format
· Supports PDF saving
· Can be used offline
· Synchronize to dropbox etc. with setting
* Supports theme colors and numerous fonts

Horizontal line

Horizontal lines have various ways of writing.

---

---

---

Admonition

!!! note Note Lorem ipsum !!!

!!! hint Hint Lorem ipsum !!!

!!! caution Caution Lorem ipsum !!!

!!! error Error Lorem ipsum !!!

!!! attention Attention Lorem ipsum !!!

!!! danger Danger Lorem ipsum !!!

Image

Default: Resized:  Streched:  By Reference:

Gallery

https://source.unsplash.com/F8mUf0hjf74/1024x600
https://source.unsplash.com/-StqtXU35cA/1024x600
https://source.unsplash.com/BLTcKiKXbzU/1024x600
https://source.unsplash.com/qh1J3d4QzgA/1024x600
https://source.unsplash.com/rpvhOzyv2jM/1024x600

Use gallery(autoplay=2000) for 2 seconds image rotation.

Latex

$$[x^n + y^n = z^n]$$ $$\frac{d}{dx}\left( \int_{0}^{x} f(u),du\right)=f(x).$$

Diagram Integrations

Flowchart

st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes or No?:>http://www.google.com
io=>inputoutput: catch something…
st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1

Sequence

Title: Here is a title
A -> B: Normal line
B --> C: Dashed line
C ->> D: Open arrow
D -->> A: Dashed open arrow

mermaid

sequenceDiagram
loop every day
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
end

Chart

type: pie
data:
  labels:
  - Red
  - Blue
  - Yellow
  datasets:
  - data:
    - 300
    - 50
    - 100
    backgroundColor:
    - "#FF6384"
    - "#36A2EB"
    - "#FFCE56"
    hoverBackgroundColor:
    - "#FF6384"
    - "#36A2EB"
    - "#FFCE56"

Ditaa

@startditaa /--------\ +-------+ |cAAA +---+Version| | Data | | V3 | | Base | |cRED{d}| | {s}| +-------+ ---+----/

+---+-----+ +----------+ | cBLU | | {io} | | Ext-Foo | | S-ATA | | +-----+ | cFEA | | |cPNK | +----------+ | | Foo | +---+-----+ @endditaa

@startditaa +-------------+ | Asciidoctor |-------+ | diagram | | +-------------+ | PNG out ^ | | ditaa in | | v +--------+ +--------+----+ /---------------
| | --+ Asciidoctor +--> | | | Text | +-------------+ | Beautiful | |Document| | !magic! | | Output | | {d}| | | | | +---+----+ +-------------+ ---------------/ : ^ | Lots of work | +-----------------------------------+ @endditaa

Plant UML

@startuml participant Last order 30 participant Middle order 20 participant First order 10 @enduml

@startuml Alice -> "Bob()" : Hello "Bob()" -> "This is very\nlong" as Long ' You can also declare: ' "Bob()" -> Long as "This is very\nlong" Long --> "Bob()" : ok @endum

Footnotes

1. Here is the footnote. ↩

2. Here's one with multiple blocks.

   Subsequent paragraphs are indented to show that they belong to the previous footnote. ↩