返回文章

Bright.js syntax highlighting for code blocks

•

    Syntax highlighting is done using Bright.js with the default nord theme.

    HTML Code Block

    An example HTML code block.

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

    JSX Code Block

    An example jsx code block.

    const Greet = () => {
  const message = `Hello World!`;
  return <div>{message}</div>;
};

    CSS Code Block

    An example css code block.

    .layout {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr) 4rem;
}

    ...and many more. Explore all the languages supported by Bright.js.

    Last updated on

    On this page