Open harikrishkk opened 1 year ago
@harikrishkk - for what its worth, this following method still works today (i'm on gatsby 5.7.0): https://levelup.gitconnected.com/syntax-highlighting-in-gatsby-mdx-f0187ce51f4f
If anyone want to provide a PR to make the plugin work with Gatsby 5, happy to merge it.
I myself do not use Gatsby anymore, therefore do not really need to improve this plugin.
I was creating a coding blog website and wanted to integrate this highlight plugin. I tried the steps mentioned in the plugin's GitHub documentation. I tried this on a sample hello world first before integrating this into a full-blown one.
I already had
gatsby-plugin-mdx
installed, so was not looking to install thegatsby-transformer-remark
just for this one. A hello world implementation on a sample gatsby site would have helped people a lot. While the plugin looks awesome, the documentation could equal that with a few live working docs.I was able to get the same working with
gatsby-remark-prismjs
but was curious about using this plugin instead.Here is a hello world gatsby v5 website which I am trying to integrate this plugin.
Steps already tried:
install
npm install --save gatsby-transformer-remark gatsby-remark-highlight-code @deckdeckgo/highlight-code
add the same in gatsby config
Tried loading this in index.js, components
Any pointers help!
Thanks in advance, Hari