Markdown Showcase

The website uses markdown with pymdown-extensions extensions and pygments code highliting. Styling using the tailwindcss prose plugin + custom css rules for some extensions.

This article serves as a comprehensive test suite for our Markdown renderer, including various formatting styles, code highlighting, and custom extensions like tabs.

1. Basic Formatting

You can use bold text, italic text, or both. You can also use strikethrough.

Lists

Unordered List:

• Item 1
• Item 2
  • Sub-item 2.1
  • Sub-item 2.2
• Item 3

Ordered List:

1. First step
2. Second step
   1. Sub-step A
   2. Sub-step B
3. Third step

2. Code Highlighting

We support syntax highlighting for many languages using Pygments.

Python

def hello_world(name: str) -> None:
    """A simple greeting function."""
    message = f"Hello, {name}!"
    print(message)

if __name__ == "__main__":
    hello_world("Developer")

Rust

fn main() {
    let greeting = "Hello, dvpnsec!";
    println!("{}", greeting);

    for i in 0..5 {
        println!("Index: {}", i);
    }
}

Bash

# Start the client daemon
make build
./target/debug/dvpnsec-clientd --config dev/config/clientd.toml

super long command that goes on very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long

Inline Code

Use inline code for small snippets like rm -rf / or variable_name.

3. Blockquotes and Links

"The best way to predict the future is to invent it."

— Alan Kay

Check out our Help Section or read more about Privacy Policy.

4. Tables

5. Footnotes

Here is a simple footnote¹. With some more text here.

6. Tabs (Extension)

Using the tabbed extension from pymdown-extensions:

curl -sSL https://get.dvpnsec.com | sh

brew install dvpnsec

winget install dvpnsec