Noticeable posts are written using Markdown, an intuitive and human-readable syntax for marking up your documents with formatting, using punctuation and special characters. For those new to Markdown, this guide will help you become familiar.

Markdown Help

The most common formatting options have keyboard shortcuts to make them easier to add:

ResultMarkdownShortcut
Bold**text**Ctrl/⌘ + b
Emphasize*text*Ctrl/⌘ + i
Underline++text++Ctrl/⌘ + Alt + u
Strike-through~~text~~Ctrl/⌘ + Alt + t
Link[label](https://)Ctrl/⌘ + Alt + l
Inline Code`code`Ctrl/⌘ + Alt + c
Image![alt](https://)Ctrl/⌘ + m
Ordered List1. itemCtrl/⌘ + Alt + n
Bulleted List* itemCtrl/⌘ + Alt + b
Blockquote> quoteCtrl/⌘ + q

Headings

Headers are set using a hash before the title. The number of hashes before the title text will determine the depth of the header. Header depths are from 1-6:

# h1 Heading
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading

Emphasis

**This is bold text**

*This is italic text*

~~Deleted text~~

Superscript: 19^th^

Subscript: H~2~O

==Marked text==

++Underlined text++

Blockquotes

Blockquotes start with a greater-than sign:

> Blockquotes can also be nested... 
>> by using additional greater-than signs

Lists

Unordered:

+ Create a list by starting a line with `+`, `-`, or `*`
+ Sub-lists are made by indenting 2 spaces:
  - Marker character change forces new list start:
    * Ac tristique libero volutpat at
    + Facilisis in pretium nisl aliquet
    - Nulla volutpat aliquam velit
+ Very easy!

Ordered:

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
1. You can use sequential numbers...
1. ...or keep all the numbers as `1.`

Start numbering with offset:

57. foo
1. bar

Code

Inline code can be added using single back-ticks: `2+3`.

For code blocks, you can indent code lines with 4 spaces:

var foo = function (bar) {
  return bar++;
};

or uses triple back-ticks ```, optionally followed by the language name:

```javascript
var foo = function (bar) {
    return bar++;
};
```

Links

[Noticeable](https://noticeable.io)
Auto-converted link https://noticeable.io.

Medias

Images

You can drag and drop images (.png, .gif, .jpg) from your Desktop over the editor to include them with your post, or alternatively click the image icon from the editor toolbar to use a standard image upload popup.

The following syntax can also be used:

![Balloons](https://images.unsplash.com/photo-1507608616759-54f48f0af0ee?auto=format&fit=crop&w=934&q=80)

Videos

YouTube, Videopress, Vimeo or Vine videos can be embedded using the same syntax as Images or auto-converted links:

[Vista](https://vimeo.com/152839850)
[What About Us Piano Cover](https://youtu.be/zzpnNqqXLEI?list=RDzzpnNqqXLEI)

https://vimeo.com/152839850
https://youtu.be/zzpnNqqXLEI?list=RDzzpnNqqXLEI

Tables

| Planet Name | Diameter (km) |
| ----------- | ------------- |
| Mercury | 4,879 |
| Venus | 12,104 |
| Earth | 12,756 |
| Mars | 6,792 |