Skip to content

Basic markdown style guide

Markdown is powered by Markdoc. This post is an example to showcase the support of all basic markdown syntax. You can author content using the familiar markdown syntax you already know.

#Inline formatting

Bold: This text is bold.

Italics: This text is italics.

Strikethrough: You can strikethrough text.

Inline code: You can add inline code like this const hello = "world".

#Headings

The following HTML <h2>—<h6> elements represent five levels of section headings. <h1> is also available but not recommended since the post title is already a <h1> element it is not a good practice to have more than one <h1> elements in a page.

#H2: Heading Two

#H3: Heading Three

#H4: Heading Four

#H5: Heading Five
#H6: Heading Six

#Paragraph

A standalone single paragraph of text.

Paragraphs can be multiline too when they constitute words that make up more than one line, i.e they wrap to the next line. Wow! I am really smart to write two lines of text that makes zero sense.

#Blockquotes

"This is a blockquote. And it's pretty long too. Long enough to wrap to next line. Surely it will wrap."

"You can use Markdown syntax like bold within a blockquote."

#Tables

ItalicsBoldCode
italicsboldcode

#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

#Code Blocks

Syntax highlighting is done using Prism.js. You can customise to whichever theme you want from the plenty available prism themes.

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

#Images

Here is an image!

Image

Image