In case you haven’t read it, we have explained why we decided to use Markdown as text formatting in About and FAQ page. Here’s a brief overview of how you can start writing in Markdown.

Formatting

To make your text italics or emphasize them, wrap single asterisk (*) between them:

This is normal text, this is *italic text*.

To bold your texts, wrap double asterisk (**) between them like this:

This is normal text, this is **bold text**.

To add strikethrough to your text, wrap double tilde (~~) between them:

This is normal text, this is ~~strikethrough text~~.

Images

To add an image, you need exclamation mark ! followed by a pair of square bracket [] followed by a pair of parentheses (). Inside the square bracket is for alternative text, if the image failed to load. And inside parentheses will be the path to your image. Optionally, you can add caption text after the image path, by wrapping them in quotation mark "...". The syntax of image will looks like this:

![Alternate text](/your/photo.jpg "Caption text")

![Alternate text](http://domain.com/your/photo.jpg)

![](http://domain.com/your/photo.jpg "Caption text")

Link syntax is very similar to image, you just need to abandon the exclamation mark ! in front if it. The square bracket [] is where you put your link text, and parentheses () for your link path/URL. It will looks like these:

[A link to Google](https://www.google.com)

This is a [link](https://trynocturnal.com) to Nocturnal homepage

Headers

Header allows you to compartmentalize your content into sections. There are 6 sizes of header you can choose from:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

As a rule of thumb, the amount of # in a header determine the size. Here’s the code syntax that generate them:

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

Lists

There are two types of list that you can use in your posts. One is ordered list and another one is unordered list like the sample below:

  1. Ordered item one
  2. Ordered item two
  3. Ordered item three
  • Unordered item one
  • Unordered item two
  • Unordered item three

And here’s how simple it is to create them:

1. Ordered item one
2. Ordered item two
3. Ordered item three

- Unordered item one
- Unordered item two
- Unordered item three

Quotation Block

Don’t cry because it’s over, smile because it happened.

– Dr. Seuss

If you need to add a quotation or excerpt from well-known person, you simply add greater than symbol > in front of that quote. To add a source or citation, add > -- in front of the author, like example below:

> Blockquote without citation, and it can be in multiple lines,
> it will be treated as the same quotation.

> Blockquote with citation
>
> -- Citation

Line Break

A line break can divide your content for further distinction from each section. It adds necessary white space to allow your reader conclude a portion of content. It can also be added at the end of your post to indicate the ending. To create line break, add multiple dashes --- on a single line (at least 3).


The end.

-----