This post is to show Markdown syntax rendering on Chirpy, you can also use it as an example of writing. Now, let’s start looking at text and typography.

Titles

H1 - heading

H2 - heading

H3 - heading

H4 - heading

Paragraph

I wandered lonely as a cloud

That floats on high o’er vales and hills,

When all at once I saw a crowd,

A host, of golden daffodils;

Beside the lake, beneath the trees,

Fluttering and dancing in the breeze.

List

Ordered list

1. Firstly
2. Secondly
3. Thirdly

Unordered list

• Chapter
  • Setcion
    • Paragraph

Checkbox list

• TODO
• Completed
• Hold on
• Defeat COVID-19
  • Vaccine production
  • Economic recovery
  • People smile again

Block Quote

This line to shows the Block Quote.

Tables

Link

http://127.0.0.1:4000

Footnote

Click the hook will locate the footnote¹.

Images

• Default (with caption)

Full screen width and center alignment

• Specify width

400px image width

• Left aligned

• Float to left

  “A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space.”

• Float to right

  “A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space.”

Mermaid SVG

 gantt
  title  Adding GANTT diagram functionality to mermaid
  apple :a, 2017-07-20, 1w
  banana :crit, b, 2017-07-23, 1d
  cherry :active, c, after b a, 1d

Inline code

This is an example of Inline Code.

Mathematics

The mathematics powered by MathJax:

When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are

Code Snippet

Common

1

This is a common code snippet, without syntax highlight and line number.

Specific Languages

Console

1
2

$ date
Sun Nov  3 15:11:12 CST 2019

Terminal

1
2
3

$ env |grep SHELL
SHELL=/usr/local/bin/bash
PYENV_SHELL=bash

Ruby

1
2
3
4

def sum_eq_n?(arr, n)
  return true if arr.empty? && n == 0
  arr.product(arr).reject { |a,b| a == b }.any? { |a,b| a + b == n }
end

Shell

1
2
3
4

if [ $? -ne 0 ]; then
    echo "The command was not successful.";
    #do the needful / exit
fi;

Liquid

1
2
3

{% if product.title contains 'Pack' %}
  This product's title contains the word Pack.
{% endif %}

Html

1
2
3
4
5
6
7
8
9
10
11
12

<div class="sidenav">
  <a href="#contact">Contact</a>
  <button class="dropdown-btn">Dropdown
    <i class="fa fa-caret-down"></i>
  </button>
  <div class="dropdown-container">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
  <a href="#contact">Search</a>
</div>

Java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

private void writeObject(java.io.ObjectOutputStream s)
  throws java.io.IOException {
  // Write out any hidden serialization magic
  s.defaultWriteObject();

  // Write out HashMap capacity and load factor
  s.writeInt(map.capacity());
  s.writeFloat(map.loadFactor());

  // Write out size
  s.writeInt(map.size());

  // Write out all elements in the proper order.
  for (E e: map.keySet())
    s.writeObject(e);
}

Reverse Footnote