Just testing out Code Hike

Some normal markdown

Annotation Example

index.js

console.log("Some code. I am annotated!")

Focus Example

next.config.js

const { remarkCodeHike } = require("@code-hike/mdx");
const theme = require("shiki/themes/monokai.json");
const withMDX = require("@next/mdx")({
extension: /\.mdx?$/,
options: {
remarkPlugins: [[remarkCodeHike, { theme }]],
rehypePlugins: [],
},
});
module.exports = withMDX({
pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
});

Code Links Example

We are looking at the console.log function today

console.js

console.table(["Hello", "World"])
console.log("Hello World")