formatting

Posts have TailWind Typography formatting and code formatting support via gatsby-remark-vscode.

Monokai Operator Theme is configured and can can be replaced by any default VSCode theme or custom theme installed from npm as configured in gatsby-browser.js.

There are some customisations in styles/global.css to customise inline and line highlight formatting.

It supports code blocks, with highlights, optional numberlines and diffs.

const test: number = 1;

export const config = {
  id: 1,
  name: 'boom',
};

// This is a diff!
// ...

for (let i; i < 10; i++) { 
  console.log(i);
}

Inline highlights i.e. const test: number = 1 are supported. Use • to split the language and the code to highlight.