Text and Typography

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.

Headings

H1 - heading

H2 - heading

H3 - heading

H4 - heading

Paragraph

In the beginning， God created the heavens and the earth.

And the earth was without form, and void; and darkness was upon the face of the deep. And the Spirit of God moved upon the face of the waters.

And God said, Let there be light: and there was light.

And God saw the light, that it was good: and God divided the light from the darkness.

And God called the light Day, and the darkness he called Night. And the evening and the morning were the first day.

Lists

Ordered list

1. Firstly
2. Secondly
3. Thirdly

Unordered list

• Chapter
  • Section
    • Paragraph

ToDo list

• Job
  • Step 1
  • Step 2
  • Step 3

Description list

Sun

the star around which the earth orbits

Moon

the natural satellite of the earth, visible by reflected light from the sun

Block Quote

This line shows the block quote.

Prompts

An example showing the tip type prompt.

An example showing the info type prompt.

An example showing the warning type prompt.

An example showing the danger type prompt.

Tables

Company	Contact	Country
Alfreds Futterkiste	Maria Anders	Germany
Island Trading	Helen Bennett	UK
Magazzini Alimentari Riuniti	Giovanni Rovelli	Italy

Links

http://127.0.0.1:4000

Footnote

Click the hook will locate the footnote¹, and here is another footnote².

Inline code

This is an example of Inline Code.

Filepath

Here is the /path/to/the/file.extend.

Code blocks

Common

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

Specific Language

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

Specific filename

@import
  "colors/light-typography",
  "colors/dark-typography";

Mathematics

The mathematics powered by MathJax:

\[\sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6}\]

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}\]

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

Images

Default (with caption)

Full screen width and center alignment

Left aligned

The pig is the universe, the universe is the pig and the pig is everything. The donkey is neither and both. The elegant brown donkey jumped on the lazy pig, who barked at him. Flowers buzzed around bees and a mule led the way on King Sager’s back. El cerdo es el universo, el universo es el cerdo y el cerdo lo es todo. El burro no es ninguno de los dos y ambos. El elegante burro marrón saltó sobre el cerdo perezoso, que le ladró. Las flores zumbaban alrededor de las abejas y una mula abrió el camino a lomos del Rey Sager.

Float to left

The pig, the donkey, and the mule were all friends. They lived in a small village in the middle of a forest. The pig was named Piggy, the donkey was named Donkey, and the mule was named Mule. One day, the three friends were walking through the forest when they came across a strange sight. There was a large hole in the ground, and it seemed to be leading to another world. The three friends were curious, so they decided to investigate. They climbed down into the hole, and they found themselves in a beautiful and strange new world. In this new world, the animals could talk to each other. They also had magical powers. Piggy could fly, Donkey could turn invisible, and Mule could breathe fire. The three friends had many adventures in this new world. They met new friends, fought off enemies, and discovered many amazing things. One day, the three friends decided it was time to return home. They climbed back up the hole, and they found themselves back in the forest. The three friends were sad to leave their new friends, but they knew they would never forget their adventures.

Float to right

The pig and the donkey were walking through the forest when they came across a group of people. The people were arguing about what to do with a large tree that had fallen across the path. The pig and the donkey listened to the arguments for a while, and then they decided to help. They used their strength to move the tree out of the way. The people were grateful to the pig and the donkey for their help. They invited the two animals to join their village. The pig and the donkey agreed to stay in the village. They became friends with the people, and they helped them with many tasks. The pig and the donkey were happy in their new home. They had found a place where they were accepted and appreciated.

Dark/Light mode & Shadow

The image below will toggle dark/light mode based on theme preference, notice it has shadows.

Video

What I am in love with is not her NeNe, not her curve, not even her booty. Da Dala NeNe oh NeNe oh

Reverse Footnote

1. The footnote source ↩

2. The 2nd footnote source ↩