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**.
strikethrough to your text, wrap double tilde (
~~) between them:
This is normal text, this is ~~strikethrough text~~.
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
Header allows you to compartmentalize your content into sections. There are 6 sizes of header you can choose from:
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
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
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
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. -----