https://serene-demo.pages.dev/blog/feed.xml

Markdown & Extended

2023-07-15 Updated on 2023-08-30

This is a post showing all supported elements.

Heading

As you can see in this post.

Paragraph

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium, nisi saepe dolor unde iusto dolore nam, vero optio consequuntur repudiandae et! Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

Emphasis

normal text, bold text, ltalic text, bold and ltalic text

Blockquote

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium, nisi saepe dolor unde iusto dolore nam, vero optio consequuntur repudiandae et! Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Praesentium, nisi saepe dolor unde iusto dolore nam, vero optio consequuntur repudiandae et! Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

List

unordered:

  • First item

  • Second item

  • Third item

ordered:

  1. First item

    1. Indented item

    2. Indented item

  2. Second item

  3. Third item

There is a link and another link to example.com

Table

SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more

with alignment:

SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more

Footnote

Lorem ipsum dolor sit, amet1 words consectetur2 adipisicing elit.

Strikethrough

The world is flat. We now know that the world is round.

Horizontal Rule


Image

img

with caption:

alt text
typical app arch

with a 'via' attribution:

some alt text
via

Code

inline code and more inline code

block level code:

fn plus_one(x: Option<i32>) -> Option<i32> {
    match x {
        None => None,
        Some(i) => Some(i + 1),
    }
}

let five = Some(5);
let six = plus_one(five);
let none = plus_one(None);

with line number:

1fn plus_one(x: Option<i32>) -> Option<i32> {
2 match x {
3 None => None,
4 Some(i) => Some(i + 1),
5 }
6}
7
8let five = Some(5);
9let six = plus_one(five);
10let none = plus_one(None);
93fn plus_one(x: Option<i32>) -> Option<i32> {
94 match x {
95 None => None,
96 Some(i) => Some(i + 1),
97 }
98}
99
100let five = Some(5);
101let six = plus_one(five);
102let none = plus_one(None);

with line number and highlight:

1fn plus_one(x: Option<i32>) -> Option<i32> {
2 match x {
3 None => None,
4 Some(i) => Some(i + 1),
5 }
6}
7
8let five = Some(5);
9let six = plus_one(five);
10let none = plus_one(None);

with filename:

src/main.rs
fn plus_one(x: Option<i32>) -> Option<i32> {
    match x {
        None => None,
        Some(i) => Some(i + 1),
    }
}

let five = Some(5);
let six = plus_one(five);
let none = plus_one(None);

with filename, line number, highlight:

src/main.rs
1fn plus_one(x: Option<i32>) -> Option<i32> {
2 match x {
3 None => None,
4 Some(i) => Some(i + 1),
5 }
6}
7
8let five = Some(5);
9let six = plus_one(five);
10let none = plus_one(None);

Callout

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

with header:

Note

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium, nisi saepe dolor unde iusto dolore nam, vero optio consequuntur repudiandae et! Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

BREAKING!

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Special quote

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium, nisi saepe dolor unde iusto dolore nam, vero optio consequuntur repudiandae et! Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

— Lorem Ipsum

Expandable Detail

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium, nisi saepe dolor unde iusto dolore nam, vero optio consequuntur repudiandae et! Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium, nisi saepe dolor unde iusto dolore nam, vero optio consequuntur repudiandae et! Atque libero expedita laudantium cupiditate, sit explicabo sequi ipsa!

Math (KaTex / Typst)

$$ f(x) = \int_{-\infty}^\infin \hat f(\xi) e^{2 \pi i \xi x}\ d\xi $$

When $ a \ne 0 $, there are two solutions to $ (ax^2 + bx + c = 0) $ and they are $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$

The Cauchy-Schwarz Inequality

$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$

Chart (Mermaid)

  sequenceDiagram
    Alice ->> Bob: Hello Bob, how are you?
    Bob-->>John: How about you John?
    Bob--x Alice: I am good thanks!
    Bob-x John: I am good thanks!
    Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.

    Bob-->Alice: Checking with John...
    Alice->John: Yes... John, how are you?

Comment (Giscus)

As you can see in this post.


1

First footnote.

2

Here's the second footnote.