Blogged logo Blogged

Markdown Support

Blogged automatically leverages Markdown to HTML parser out of the box.


Basics

Markdown elements automatically parsed into normal HTML tags.

Typography

Input:

###### H6

Output:

H6


Images

Input:

![image](url)

Output:

cute image


Inline Code

Input:

Inline code is `cool`

Output:

Inline code is cool


Code

Blogged uses prism.js with code highlighting out of the box. Blogged supports all Prism supported languages.

Input:

```php
echo 'Blogged is beautiful';
```

Output:

echo 'Blogged is beautiful';

Tables

Markdown Tables automatically parsed and converted to nice looking rendered tables. Thanks to Argon and CSS :D

Input:

| # | Name   | Age |
| : |   :-   |  :  |
| 1 | Saleem | 24  |
| 2 | John   | 25  |
| 3 | Ayman  | 26  |

Output:

# Name Age
1 Saleem 24
2 John 25
3 Ayman 26

Alarms

Blogged provides beautiful looking alerts parsed directly from Markdown with extra sugar, all that you have to do is to prepend Markdown blockquote with {type} of your alert.

The supported alarms types are: primary, success, info, danger, warning.

Input:

> {danger} Here is an example of danger alarm message

Output:

{danger} Here is an example of danger colored alarm