This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/docsify-core/docsify-preview/E2hU1fuYRKHjcuBd2BGy291C87EH
✅ Preview: https://docsify-preview-git-fork-gadhagod-develop-docsify-core.vercel.app

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 94ea16e:

Looks cool, but I find that the ode.setAttribute("class", "lang-bash"); seems not works fine ( it is set to javascript instead).

That code block actually shows how to create a 'code' element and highlight it. It's not a demo of this though, and it's written in JavaScript. If u want, I can add a demo too (you click a button, adds some highlighted code block to page).

That code block actually shows how to create a 'code' element and highlight it. It's not a demo of this though, and it's written in JavaScript. If u want, I can add a demo too (you click a button, adds some highlighted code block to page).

yea, what I meant is that the

ode.setAttribute("class", "lang-bash")

should render this code as bash.
but it is a javascript signal on the top right corner of the code block as I showed the pic above.

Oh I misunderstood your comment @Koooooo-7. This is probably because you need a pre element wrapping around the code element.
Here is an example jist. When you click the button, it adds a highlighted code block to the page: https://gist.github.com/gadhagod/1287c210e8410080a00f55206fcdcc42.

SInce you need an external Prism script to include bash in recognizable languages, I'll change the language of this example to javascript.