Home

Smallblog Cheatsheet

A post that should display all the different capabilities of Smallblog and provide quick visual checks that everything works. Can also be used as a cheatlist.

markdown render
2019/09/03 10:00

Depado

Cheatsheet #

This post displays Smallblog’s capabilities and can be used as a cheatsheet. For every example, the raw markdown is given first.

Code Blocks #

Specify Language #

package main

import "fmt"

func main() {
    fmt.Println("Hello World")
}

Code

```go
package main

import "fmt"

func main() {
    fmt.Println("Hello World")
}
```

Without Language #

package main

import "fmt"

func main() {
    fmt.Println("Hello World")
}

Code

```
package main

import "fmt"

func main() {
    fmt.Println("Hello World")
}
```

Inline Code #

This text should be displayed as code.

Also, let’s try with a lot of chars as well.

Code

This `text` should be displayed as `code`.

Also, let's `try with a lot of chars as well`.

Admonitions #

With Title #

Title

This is a note with a title.

Code

!!! note "Title"
    This is a `note` with a title.

Without Title #

This is a warning admonition without a title.

Code

!!! warning
    This is a `warning` admonition without a title.

Extra Class #

wow

This a danger admonition with the wow CSS class.

Code

!!! danger wow "wow"
    This a `danger` admonition with the `wow` CSS class.

Unknown Type #

Unknown Admonition Type

This is an unknown admonition, it will render just like a note/info one.

Code

!!! unknown "Unknown Admonition Type"
    This is an `unknown` admonition, it will render just like a `note`/`info` 
    one.

Tables #

With Heading #

Column 1	Column 2
First Row	First Row
Third Row	Third Row

Code

| Column 1   | Column 2  |
|------------|-----------|
| First Row  | First Row |
| Third Row  | Third Row |

Without Heading #


First Row	First Row
Second Row	Second Row
Third Row	Third Row

Code

|            |            |
|------------|------------|
| First Row  | First Row  |
| Second Row | Second Row |
| Third Row  | Third Row  |

Markdown Inside #

Column 1	Column 2
First Row	First Row
`Second Row`	~~Second Row~~

Code

| Column 1       | Column 2       |
|----------------|----------------|
| **First Row** |  _First Row_   |
| `Second Row`   | ~~Second Row~~ |

Paragraphs #

Simple #

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in ~~reprehenderit~~ in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code

Lorem ipsum dolor sit amet, **consectetur adipiscing** elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud _exercitation_ ullamco laboris nisi ut aliquip ex ea commodo 
consequat. Duis aute irure dolor in ~~reprehenderit~~ in voluptate velit esse 
cillum dolore eu fugiat nulla [pariatur](/). 

Excepteur sint occaecat cupidatat `non` proident, sunt in 
culpa qui officia deserunt mollit anim id est laborum.

Collapse #

Simple Collapse #

Click to open

Markdown content

fmt.Println("Can contain code")

Code

<details>
<summary>Click to open</summary>

Markdown **content**

```go
fmt.Println("Can contain code")
```
</details>

Already Opened #

Click to close

This is my markdown content.

Code

<details open="">
<summary>Click to close</summary>

This is my markdown content.
</details>

With Admonition Class #

Warning Details

A warning collapsible

Code

<details class="warning" open="">
<summary>Warning Details</summary>

A warning collapsible
</details>

Code #

Code

// This is a custom detail just for code showing
fmt.Println("CODE!")

Code

<details class="code" open="">
<summary>Code</summary>

```go
// This is a custom detail just for code showing
fmt.Println("CODE!")
```
</details>

Pictures #

Simple Picture #

Code

![test](/assets/avatar.jpg)

Picture with hover title #

Code

![test](/assets/avatar.jpg "Doge")

Picture with Caption #

Picture Caption or Description

Code

![test](/assets/avatar.jpg) *Picture Caption or Description*

Side-by-side Pictures #

Unimplemented

This feature is currently not implemented

Footnote #

This is a footnote.¹

Code

This is a footnote.[^1]
[^1]: The footnote text.

Lists #

Unordered #

Simple bullet lists, starting with +, - or *
Add sublists by indenting
- Either with a tab or multiple spaces
- This will create a sublist

Code

- Simple bullet lists, starting with `+`, `-` or `*`
- Add sublists by indenting
    - Either with a tab or multiple spaces
    - This will create a sublist

Ordered #

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa

Code

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa

Definition List #

Golang: AKA the Go Programming Language.
Markdown: Custom format to write stuff and translate it to HTML

Code

Golang
:  AKA the Go Programming Language.

Markdown
:  Custom format to write stuff and translate it to HTML

Quotes #

Anonymous Quote #

This is a quote. It can span on multiple lines.

Like that I guess.

Code

> This is a quote.
> It can span on multiple lines.
>
> Like that I guess.

Citation Quote #

This quote might be famous, so make sure you credit whoever said or wrote that. I mean, it’s pretty important.

Me

Code

> This quote might be famous, so make sure you credit whoever said or wrote 
> that. I mean, it's pretty important.
>
> <cite>Me</cite>

The footnote text.

2019/09/03 10:00 - Raw Markdown