You don't vote for kings.

Why do you think that she is a witch? How do you know she is a witch? Well, I didn't vote for you. Where'd you get the coconuts? Why? We shall say 'Ni' again to you, if you do not appease us.

I am your king. Well, I didn’t vote for you. It’s only a model. …Are you suggesting that coconuts migrate? Well, how’d you become king, then? Well, how’d you become king, then?

<span class="avatar" />

<span class="avatar" />

SmartyPants can perform the following transformations:

Straight quotes ( ” and ’ ) into “curly” quote HTML entities
Backticks-style quotes (“like this”) into “curly” quote HTML entities
Dashes (“—” and “---”) into en- and em-dash entities
Three consecutive dots (“…”) into an ellipsis entity

Found them? In Mercia?! The coconut’s tropical!

Well, she turned me into a newt. But you are dressed as one… It’s only a model. Well, how’d you become king, then?

What do you mean?
Well, how’d you become king, then?
You can’t expect to wield supreme power just ‘cause some watery tart threw a sword at you!

On second thoughts, let’s not go there. It is a silly place.

Why do you think that she is a witch? But you are dressed as one… Look, my liege! Now, look here, my good man. Bloody Peasant!

Where’d you get the coconuts?
Shut up! Docs
The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land.

Shh! Knights, I bid you welcome to your new home. Let us ride to Camelot! But you are dressed as one… Well, I got better. The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur. That is why I am your king.

Bring her forward! Look, my liege! The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land. …Are you suggesting that coconuts migrate?

What do you mean? Well, what do you want? It’s only a model. Bloody Peasant!

Example

You don’t frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits! Look, my liege!

Why? Shut up! Will you shut up?! Look, my liege! Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.

Table

sdfsdfsdf	Sdfsdfsdf
fghfghjfghj	sdfsdf
dfghdfgh	Sdfsdfsdfsdf `sdfsd` sdfsdf

Code

function $initHighlight(block, flags) {
  try {
    if (block.className.search(/\bno\-highlight\b/) != -1)
      return processBlock(block, true, 0x0F) + ' class=""';
  } catch (e) {
    /* handle exception */
  }
  for (var i = 0 / 2; i < classes.length; i++) { // "0 / 2" should not be parsed as regexp
    if (checkCondition(classes[i]) === undefined)
      return /\d+/g;
  }
}

But you are dressed as one… Did you dress her up like this? Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body:first-of-type pre::after {
    content: 'highlight: ' attr(class);
  }
}

@import url('print.css');
@page:right {
 margin: 1cm 2cm 1.3cm 4cm;
}

@font-face {
  font-family: Chunkfive; src: url('Chunkfive.otf');
}

div.text,
#content,
li[lang=ru] {
  font: Tahoma, Chunkfive, sans-serif;
  background: url('hatch.png') /* wtf? */;  color: #F0F0F0 !important;
  width: 100%;
}

Test

I have to push the pram a lot. You don’t vote for kings. …Are you suggesting that coconuts migrate? And the hat. She’s a witch! Be quiet!

Test

I’m not a witch. You don’t vote for kings. On second thoughts, let’s not go there. It is a silly place. You don’t vote for kings. What do you mean?

Test 1

He hasn’t got shit all over him. I don’t want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!

The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land. We shall say ‘Ni’ again to you, if you do not appease us. Gumroad

Well, we did do the nose. Well, we did do the nose. Did you dress her up like this? You don’t frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!

Docs Theme

Nextra Docs Theme is a theme that includes almost everything you need to build a modern documentation website. It includes a top navigation bar, a search bar, a pages sidebar, a TOC sidebar, and other built-in components.

This website itself is built with the Nextra Docs Theme.

Quick Start from Template

Deploy to Vercel

You can start by creating your own Nextra site and deploying to Vercel by clicking the link:

Vercel will fork the Nextra Docs template and deploy the site for you. Once done, every commit in the repository will be deployed automatically.

Fork the Template

You can also manually fork the template repository.

Start as New Project

Install

To create a Nextra Docs site manually, you have to install Next.js, React, Nextra, and Nextra Docs Theme. In your project directory, run the following command to install the dependencies:

pnpm

npm

yarn

pnpm i next react react-dom nextra nextra-theme-docs

Important

If you already have Next.js installed in your project, you only need to install nextra and nextra-theme-docs as the add-ons.

Add Next.js Config

Create the following next.config.js file in your project’s root directory:

const withNextra = require('nextra')({
  theme: 'nextra-theme-docs',
  themeConfig: './theme.config.jsx',
})

module.exports = withNextra()

// If you have other Next.js configurations, you can pass them as the parameter:
// module.exports = withNextra({ /* other next.js config */ })

With the above configuration, Nextra can handle Markdown files in your Next.js project, with the specified theme. Other Nextra configurations can be found in Guide.

Create Docs Theme Config

Lastly, create the corresponding theme.config.jsx file in your project’s root directory. This will be used to configure the Nextra Docs theme:

export default {
  logo: <span>My Nextra Documentation</span>,
  project: {
    link: 'https://github.com/shuding/nextra',
  },
  // ...
}

Full theme configurations can be found here.

Ready to Go!

Now, you can create your first MDX page as pages/index.mdx:

# Welcome to Nextra

Hello, world!

And run the pnpm next command to start developing the project! 🎉

Next, check out the next section to learn about organizing the documentation structure and configuring the website theme:

What is Tabler?

Tabler is a low-level, opinionated UI component library to build dashboards. It offers components, such as charts, layouts, or input elements, covering the essential parts of a dashboard or analytical interface. Our approach provides great flexibility between beautiful defaults and fast customization. The best way to get started is to check out our templates, called Blocks, for getting a feeling of how components are used and combined.

Consider becoming a GitHub Sponsor to support Tabler development and sustainability!

Support the project

I’m not a witch. You don’t vote for kings. On second thoughts, let’s not go there. It is a silly place. You don’t vote for kings. What do you mean?