Markdown Samples

Markdown Samples for testing site styles.

Table of Contents

These are markdown samples to test styling.

Headings

The post layout will render an <h1> with the title automatically and putting more than 1 <h1> on a page is generally an error (and bad for accessibility!).

H2

H3

H4

H5
H6

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur magna odio, non feugiat leo finibus sed. Nullam pellentesque aliquet scelerisque. Fusce at ullamcorper turpis. Quisque lacinia urna augue, vel auctor ligula semper eget. Etiam maximus augue eget ultricies rutrum. Fusce pulvinar quis massa in sodales. Quisque semper aliquam nulla cursus elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam sapien lorem, pharetra in pretium a, tempus ut diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras pulvinar, urna a commodo tristique, enim ipsum pharetra massa, in facilisis libero purus accumsan dolor. Donec porttitor arcu at lorem consectetur, nec eleifend arcu facilisis. Integer consequat, ante sit amet dictum convallis, tellus velit consequat urna, et aliquet dolor erat quis urna. Donec a neque sapien. Etiam varius ex nibh, non pulvinar libero sagittis non. Donec viverra ligula suscipit, tincidunt elit vel, porta ipsum.

Maecenas vulputate quis diam sit amet commodo. Nulla facilisi. Aenean facilisis vehicula nibh, ac aliquet mi aliquam at. Nullam finibus congue risus, id venenatis mauris iaculis sed. Aenean aliquam mi nisi, nec porta metus molestie nec. Mauris at tincidunt urna, eget luctus odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Images

Atora with eyes closed
Atora with eyes closed

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur magna odio, non feugiat leo finibus sed. Nullam pellentesque aliquet scelerisque. Fusce at ullamcorper turpis. Quisque lacinia urna augue, vel auctor ligula semper eget. Etiam maximus augue eget ultricies rutrum. Fusce pulvinar quis massa in sodales. Quisque semper aliquam nulla cursus elementum.

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Note that you can use Markdown syntax within a blockquote.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam sapien lorem, pharetra in pretium a, tempus ut diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras pulvinar, urna a commodo tristique, enim ipsum pharetra massa, in facilisis libero purus accumsan dolor.

Don’t communicate by sharing memory, share memory by communicating.

Rob Pike1

Donec porttitor arcu at lorem consectetur, nec eleifend arcu facilisis. Integer consequat, ante sit amet dictum convallis, tellus velit consequat urna, et aliquet dolor erat quis urna. Donec a neque sapien. Etiam varius ex nibh, non pulvinar libero sagittis non. Donec viverra ligula suscipit, tincidunt elit vel, porta ipsum.

Callouts

This is a note!

Some content is displayed directly!

.

This is a tip!

You can click on collapsible callouts to read more info

.

This is important!

You can nest things

Wow

Nested callouts

You can keep nesting things

It’s harder to read though

.

This is a warning!

Some content shown after opening!

const commitSHA = childProcess
 .execSync("git rev-parse --short HEAD")
 .toString()
 .trim();

const commitBranch = childProcess
 .execSync("git rev-parse --abbrev-ref HEAD")
 .toString()
 .trim();

.

This is a caution!

Do not run this code!

> :(){ :|:& };:

Tables

ItalicsBoldCode
italicsboldcode
boldtalicsboldboldboldcode
itaitalicsitalibolditalicode
Short LabelLong Content
Label 1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur magna odio, non feugiat leo finibus sed. Nullam pellentesque aliquet scelerisque. Fusce at ullamcorper turpis. Quisque lacinia urna augue, vel auctor ligula semper eget. Etiam maximus augue eget ultricies rutrum. Fusce pulvinar quis massa in sodales. Quisque semper aliquam nulla cursus elementum.
Label 2Maecenas vulputate quis diam sit amet commodo. Nulla facilisi. Aenean facilisis vehicula nibh, ac aliquet mi aliquam at. Nullam finibus congue risus, id venenatis mauris iaculis sed. Aenean aliquam mi nisi, nec porta metus molestie nec. Mauris at tincidunt urna, eget luctus odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Label 3Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur magna odio, non feugiat leo finibus sed. Nullam pellentesque aliquet scelerisque. Fusce at ullamcorper turpis. Quisque lacinia urna augue, vel auctor ligula semper eget. Etiam maximus augue eget ultricies rutrum. Fusce pulvinar quis massa in sodales. Quisque semper aliquam nulla cursus elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam sapien lorem, pharetra in pretium a, tempus ut diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras pulvinar, urna a commodo tristique, enim ipsum pharetra massa, in facilisis libero purus accumsan dolor. Donec porttitor arcu at lorem consectetur, nec eleifend arcu facilisis. Integer consequat, ante sit amet dictum convallis, tellus velit consequat urna, et aliquet dolor erat quis urna. Donec a neque sapien. Etiam varius ex nibh, non pulvinar libero sagittis non. Donec viverra ligula suscipit, tincidunt elit vel, porta ipsum.

Code Blocks

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur magna odio, non feugiat leo finibus sed. Nullam pellentesque aliquet scelerisque. Fusce at ullamcorper turpis. Quisque lacinia urna augue, vel auctor ligula semper eget. Etiam maximus augue eget ultricies rutrum. Fusce pulvinar quis massa in sodales. Quisque semper aliquam nulla cursus elementum.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Maecenas vulputate quis diam sit amet commodo. Nulla facilisi. Aenean facilisis vehicula nibh, ac aliquet mi aliquam at. Nullam finibus congue risus, id venenatis mauris iaculis sed. Aenean aliquam mi nisi, nec porta metus molestie nec. Mauris at tincidunt urna, eget luctus odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

/**
 * Converts a string from camelCase to snake_case
 * @param str The string to make snake case
 * @returns The snake cased string
 */
export function toSnakeCase(str: string): string {
  return str
    .replace(/([a-z])([A-Z])/g, '$1_$2')
    .replace(/\s+/g, '_')
    .toLowerCase()
    .trim()
}

Cras pulvinar, urna a commodo tristique, enim ipsum pharetra massa, in facilisis libero purus accumsan dolor. Donec porttitor arcu at lorem consectetur, nec eleifend arcu facilisis. Integer consequat, ante sit amet dictum convallis, tellus velit consequat urna, et aliquet dolor erat quis urna.

List Types

Ordered List

  1. First item
  2. Second item
  3. Third item

Unordered List

  • List item
  • Another item
  • And another item

Nested list

  • Fruit
    • Apple
    • Orange
    • Banana
  • Dairy
    • Milk
    • Cheese

Other Elements — abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL + ALT + Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

Footnotes

  1. The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015.