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:



Links
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:
- Ordered item one
- Ordered item two
- 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.
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.
-----