Coder Social home page Coder Social logo

boostnote-markdown-cheatsheet's Introduction

πŸ“‹ πŸ“˜ Boostnote Markdown CheatSheet - Preview!

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


⚠️ This is the Preview Page to see how it's rendered.

πŸ‘‰ Open the Cheat Sheet to see the code.

🈴 Chinese Version


ℹ️ How to add it to Boostenote

  1. Open the RAW version of the cheat sheet.
  2. Copy it with crtl + a and crtl + c
  3. Create an empty Markdown Note in Bosstnote paste it with
    crtl + shift + v
    (The shift is important to skip escaping)

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

Text Formatting

Emphasis

Italic type
Bold
Negative
highlighted

Abbreviation

mermaid

Superscript

mermaid

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, 1 and another 2.

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

Smart 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

latex

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

flowchart

Table

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

flowchart

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

admonition

Image

images

Gallery

chart

Latex

latex

Diagram Integrations

Flowchart

flowchart

Sequence

sequence

mermaid

Chart

chart

ditaa 1

ditaa 2

plantuml 1

plantuml 2


1: Here’s one with multiple blocks.

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

boostnote-markdown-cheatsheet's People

Contributors

tobsef avatar

Stargazers

Roman avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.