cover

Get started with Markdoc

How to get started with Markdoc

Get started with Markdoc

Markdoc is a static site generator that uses Markdown files as input and outputs HTML files.

Markdoc features several core concepts which include:

  • Nodes: These are the elements that Markdoc inherits from Markdown
  • Tags: Tags are the main syntactic extension that Markdoc adds on top of Markdown. Similar to HTML, each tag is enclosed with {% and %} and includes the tag name, attributes, and the content body.
  • Annotations: These can be added to nodes to customize how they are rendered

Installation

To install markdoc in Next.js, run the following command:

npm install @markdoc/next.js @markdoc/markdoc

Background

Markdoc was built by Stripe to power their developer documentation.

Hey there!

Here's some info for you!

Hey there!

Here's a warning for you!

Hey there!

Here's an error for you!

Is there such an element as a "blockquote"?

The title of this page is: Get started with Markdoc after all


It seems your enjoying this article on Getting started with Markdoc, I'm sure you'll be interested in the following offer:

Buy a bike and get two wheels free!

What do you get when you buy a bike? Two wheels!

Well, for a limited time only, you can get two new bike wheels for free when you purchase one of our bikes!

Find out more here, or maybe not, I'm not your boss.


This page is not about Llamas

image