Boost your productivity using Markdown.
Tags: markdown, productivity, beginners, tutorial
Published: 2017-12-02 03:25:20

---
title: Boost your productivity using Markdown.
published: true
description: Markdown makes it easy to organize information.
tags: markdown,productivity,beginners,tutorial
---

## What’s Markdown?
> Markdown is a lightweight markup language with plain text formatting syntax. It is designed so that it can be converted to HTML and many other formats using a tool by the same name.
from [Wikipedia](https://en.wikipedia.org/wiki/Markdown)

Introducing the markdown formatting ⛷

## 1. Heading
```
# h1
## h2
### h3
standard
```
![heading](https://thepracticaldev.s3.amazonaws.com/i/z85ljqb25ipweosug5jo.png)


## 2. Emphasis
```
*Italic type*
**Bold**
~~Negative~~
```
![emphasis](https://thepracticaldev.s3.amazonaws.com/i/c4jdk7glw593wef9gg2y.png)

## 3. Fold
Fold the long sentences.
```
<details><summary>Boostnote is a notepad corresponding to markdown notation, which is a tool for organizing and sharing information.</summary>
- Features - <br>
· Search function to find memos in one shot
· Supports markdown notation <br>
· Support for Mac, Windows, Linux, iOS, Android <br>
· Export and import to Plain text (.txt), Markdown (.md) format <br>
· Supports PDF saving <br>
· Can be used offline <br>
· Synchronize to dropbox etc. with setting <br>
· Supports theme colors and numerous fonts <br>
</details>
```
![fold-1](https://thepracticaldev.s3.amazonaws.com/i/3t5cv83ii65lnprjo4uu.png)
![fold-2](https://thepracticaldev.s3.amazonaws.com/i/8x1l3ggget7yqqwjovem.png)

## 4. List
```
- List 1
- List 2
* List 3
```
![list](https://thepracticaldev.s3.amazonaws.com/i/5otbla8dwfgwfvm623bt.png)

## 5. Link
Put a text on the left and a url on the right.
```
[Boostnote](https://boostnote.io)
```
![link](https://thepracticaldev.s3.amazonaws.com/i/latuh50tdcjyp9lfwyte.png)

## 6. Check box
```
- [x] Task 1
- [ ] Task 2
```
![check](https://thepracticaldev.s3.amazonaws.com/i/6i7o3659tbzn1p8s174l.png)

## 7. Quotation
```
> Quotation
> Quotation Quotation
```
![Quote](https://thepracticaldev.s3.amazonaws.com/i/p532jx86ez6axbx3jmvn.png)

## 8. Horizontal line
```
* * *
***
---
```
![horizontal](https://thepracticaldev.s3.amazonaws.com/i/d08vl263tycxm42aoi0j.png)

## 9. Image
```
![Image title](https://boostnote.io/assets/img/logo.png)
```
![image](https://thepracticaldev.s3.amazonaws.com/i/mn2yc6d2thkutmcybof6.png)

## 10. Source code
```js
Render: function () {
  Return (
    <div className="commentBox">
      <h1> Comments </h1>
      <CommentList data={this.state.data} />
      <CommentForm onCommentSubmit={this.handleCommentSubmit} />
    </div>
  );
}
```
![code](https://thepracticaldev.s3.amazonaws.com/i/2m3740q6ekvi961mgt7h.png)

## 11. Table
```
|Fruits|Price|
|:--|:--|
|Apple|1$|
|Grapes|4$|
|Orange|2$|
|Lemon|1$|
|Peach|3$|
|Melon|20$|
```
![table](https://thepracticaldev.s3.amazonaws.com/i/ohhocqsxbbydpeje4f8x.png)

---

These are the basic markdown formatting.
In addition to above, you can also complex formatting like following in [Boostnote](https://boostnote.io/).

## Latex
Mathematical formatting.
```
$$$
\mathrm{e}^{\mathrm{i}\theta} = \cos(\theta) + \mathrm{i}\sin(\theta)
$$$
```
![latex](https://thepracticaldev.s3.amazonaws.com/i/sw1erl3npefy8k8mo3lw.png)

## Flowchart
```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
```
![flowchart](https://thepracticaldev.s3.amazonaws.com/i/zlk5nkr1ppz6zlf60d7e.png)

## Sequence
```sequence
Title: Here is a title
A-> B: Normal line
B -> C: Dashed line
C -> D: Open arrow
D -> A: Dashed open arrow
```
![sequence](https://thepracticaldev.s3.amazonaws.com/i/pysmuc1ozzjjrzi1e79t.png)

---

# Boost Note for Teams

We’ve revealed a new collaboration wiki service called [BoostHub](https://boosthub.io/).

It will be a collaboration version of Boost Note but much more powerful. The feature, called “Custom Blocks”, will let you make custom react components, integrated with various 3rd party app apis like Github and Trello, and embed them into markdown contents like MDX.

To know more, please check this slide.

[![how-to-use-boosthub](https://user-images.githubusercontent.com/8602615/87409889-90365180-c600-11ea-91d0-b5a0e943fab2.png)](https://docs.google.com/presentation/d/e/2PACX-1vTXPf0PLDQs8e6sLpyyQ43r59RIc-X_ez7YzgW4nKH-klWfhcAaJQkhOwS8W0WbgpiqspV3Gvbx_78S/pub?start=false&loop=false&delayms=3000)