Kitchensink

Markdown source

md

Basic Markdown

H3

H4

H5
H6

A normal paragraph:

Blockquote

Nested blockquote

Yes

Another normal paragraph:

  1. ol
    • ol > ul
      • ol > ul > ul
      • ...
    • ...
  2. ...
    1. ol > ol
    2. ...

Local image

This is a rule:

Footnote1

Named footnote2

Math

Inline: x2+y2=z2x^2 + y^2 = z^2

Block:

x2+y2=z2x2=z2−y2x=z2−y2\begin{aligned} x^2 + y^2 &= z^2 \\ x^2 &= z^2 - y^2 \\ x &= \sqrt{z^2 - y^2} \end{aligned}

Code snippets

  ___________________________
< I'm an expert in my field. >
  ---------------------------
         \   ^__^
          \  (oo)\_______
             (__)\       )\/\
                 ||----w |
                 ||     ||
<pre></pre>
html
const f = () => {
  return Math.random();
};
js
:root {
  --first-color: #488cff;
  --second-color: #ffff8c;
}

#firstParagraph {
  background-color: var(--first-color);
  color: var(--second-color);
}
css
#[cfg(test)]
mod tests {
    #[test]
    fn it_works() {
        assert_eq!(2 + 2, 4);
    }
}
rust
from wordcloud import WordCloud
import pandas as pd
import numpy as np

color1 = np.array([69, 61, 59])
color2 = np.array([38, 90, 77])

name = "song"
df = pd.read_csv(f"{name}_count.csv", names=["name", "count"])
freq = dict(zip(df["name"], df["count"]))

def color_func(word, font_size, position, orientation, random_state=None, **kwargs):
    randcolor = color1 + np.floor((color2 - color1) * np.random.random())
    return "rgb(%d, %d, %d)" % tuple(randcolor)
python

Tables

Markdown table

TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare neat$1

HTML

Definition list
Is something people use sometimes.
Markdown in HTML
Works! HTML works too.

Mermaid diagram

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Canvas

Footnotes

  1. This is a footnote. ↩

  2. This is a named footnote. ↩