Custom Markdown Rendering

Image

Links

Codes

We can write some inline code!

const a = 1;
a = 2;

import \"@/styles/globals.css\";

import type { AppProps } from \"next/app\";
import Head from \"next/head\";
import { ThemeProvider } from \"next-themes\";

import LayoutWrapper from \"@/components/LayoutWrapper\";

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <ThemeProvider attribute=\"class\">
      <Head>
        <meta name=\"viewport\" content=\"viewport-fit=cover\" />
      </Head>
      <LayoutWrapper>
        <Component {...pageProps} />
      </LayoutWrapper>
    </ThemeProvider>
  );
}

export default MyApp;

More codes

const a = 1;
- const b = 2;
+ const c = 10;
const d = 3;

$ echo \"Hello world!\"