Markdown Test Page

This page is a reference for markdown syntax and display, to sanity check that everything is working as expected, and appears properly when converted to HTML. It also tests features that might not be available in default configurations¹, definition lists², mathematical notation³, and tables⁴.

To see what it should look like, you can see it in action at: cade.io/testpage

Internal link test: link to code block

Text

Basic text in markdown is just plain text, which is rendered as-is. You can bold, italicize, underline, strikethrough, or preformat text by using special syntaces:

• bold text is surrounded by ** characters, as in: **bold text**
• italic text is surrounded by * characters, as in: *italic text*
• underlined text is surrounded by <u> tags, as in: <u>underlined text</u> (note: this is not standard markdown)
• strikethrough text is surrounded by <s> tags, as in: <s>strikethrough text</s> (note: this is not standard markdown)
• preformatted text is surrounded by backticks, as in: `preformatted text`

Furthermore, multiple styles of text can be combined, like bold italic text, by combining the syntaces: ***bold italic text***. Or, you can create really wild combinations like bold italic underlined strikethrough preformatted text. (though, your readers may not appreciate it).

You can also add footnotes¹ like this.

Block Quotes

Block quotes are denoted by prefixing lines with the > character,

1
> This is a block quote.
2
>
3
> It can span multiple lines, and contain other markdown syntax.

A somewhat uncommon feature of block quotes is that they can be nested, for example when a quote contains another quote:

You miss 100% of the shots you don’t take.

— Wayne Gretzky

— Michael Scott

Further, in some cases there can be multiple levels of nesting, which is a good test for ensuring display styles are properly cascading:

I met a traveller from an antique land

Who said:

Two vast and trunkless legs of stone

Stand in the desart. Near them, on the sand,

Half sunk, a shattered visage lies whose frown,

And wrinkled lip, and sneer of cold command,

Tell that its sculptor well those passions read

Which yet survive, stamped on these lifeless things,

The hand that mocked them and the heart that fed:

And on the pedestal these words appear:

My name is Ozymandias, King of Kings:

Look on my works, ye Mighty, and despair!

No thing beside remains. Round the decay

Of that colossal wreck, boundless and bare

The lone and level sands stretch far away.

— Percy Bysshe Shelley, “Ozymandias”

And, we can also just use straightforward block quotes, without any nesting:

We can easily forgive a child who is afraid of the dark;

the real tragedy of life is when men are afraid of the light.

— Plato

No man has the right to be an amateur in the matter of physical training.

It is a shame for a man to grow old without seeing the beauty and strength of which his body is capable

— Socrates

Sample Text

Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?

At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. et harum quidem rerum facilis est et expedita distinctio. nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Code Snippets

Unicode Symbols

Box Drawing Characters

Unicode provides a set of special characters called box-drawing characters, which allows writing tables, diagrams, and other structures directly with text. Here is a table of the most common ones:

Mathematical Symbols

Unicode provides a set of mathematical operators and symbols, which allows writing mathematical notation and equations directly with text. Here is a table of the most common ones:

Lists

Unordered Lists

Here’s an example of an unordered list:

• Item 1
• Item 2
• Item 3

And here’s another example that also nests other lists:

• Item 1
• Item 2
  • Item 2.1
  • Item 2.2
• Item 3
  • Item 3.1
    • Item 3.1.1
    • Item 3.1.2
  • Item 3.2
    • Item 3.2.1
      • Item 3.2.1.1
• Item 4

Ordered Lists

Here’s an example of an ordered list:

1. Item 1
2. Item 2
3. Item 3

And here’s another example that also nests other lists:

1. Item 1
2. Item 2
3. Item 3
   1. Item 3.1
   2. Item 3.2
   3. Item 3.3
4. Item 4
   1. Item 4.1
      1. Item 4.1.1
      2. Item 4.1.2
   2. Item 4.2
      1. Item 4.2.1
      2. Item 4.2.2
5. Item 5

Definition Lists

Here’s an example of a definition list, which is not standard markdown, but is supported by some markdown processors:

Term 1

Definition 1

Term 2

Definition 2

And it can have multiple definitions

Term 3

Definition 3

And it can have fancy text too

Tables

Here’s an example of a table of the largest cities in the world (from Wikipedia):

Here’s another which represents the Figurate Number Sequences (i.e. triangular numbers, tetrahedral numbers, and so on):

And those column labels are:

• $ T_n $, the triangular numbers are given by: $T_n = \frac{n(n+1)}{2}$
• $ S_n $, the square pyramidal numbers are given by: $S_n = \frac{n(n+1)(2n+1)}{6}$
• $ P_n $, the pentagonal numbers are given by: $P_n = \frac{n(3n-1)}{2}$

Assets

Images

Here’s an example of an image: