How to add syntax highlighting to your website in 6 minutes

Add syntax highlighting to your HTML website or Ghost blog in just a few minutes with PrismJS and learn how to add more functionality with plugins and custom themes!
Links
_______________________________________________
CDNJS: cdnjs.com/libr...
PrismJS Theme preview: prismjs.com/te...
PrismJS Download: prismjs.com/do...
Line number script: pastebin.com/2...
Prism theme generator: k88hudson.githu...
Blog post
_______________________________________________
bluehippo.tech
bluehippo.tech...
Music
_______________________________________________
Last Summer by Ikson: / ikson Music promoted by Audio Library • Last Summer - Ikson (N...

[@bluehippotech]

S I M P L Y

[@bwzffgh7]

Thanks for this info. A syntax-highlighting CSS library was surprisingly difficult to find, considering that these are so important today. PrismJS is great and pretty easy to use and customize. It only took a few minutes to integrate it into an existing wordpress site with the ability to customize the language, line-numbers, etc per code block right from the wordpress editor. The simplicity is much appreciated. Note that the only way I even found prismjs was because of your UA-cam video. It did not appear in any of the google or bing search results in my research over the past week.

[@hak618]

Thanks for the content. You said to add "line-numbers" to the body tag. I wanted to see if I could choose which code blocks will have the line numbers so we could mix code blocks. I tried adding the class name to the tag instead and it worked.
function sum( sum1, sum2) {
return sum1 + sum2
}
sum(2,4)

#Python
print("Hello World!")

[@anujgupta153]

Hey working on a code editor for my browser, how can I use prism and still be able to change the code in the browser rather than only through VSCode?

[@bluehippotech]

I'm not quite sure I understand what you're trying to do

[@CriminalIdentified]

I have subscribed at 146 number I am your 147th and I am 100% sure youR channel is going to blow up soon ❤️

[@darkslashhero]

Nice

[@elonyemp3029]

Thanks

[@geooogle]

Just wanrt to say, keep going on your videos, your videos are short, cut, clear, helpful and you will do well. thanks for this one.

[@bluehippotech]

Thanks so much, I will :D

[@studentocean_]

Everything is clear, but all the +,-,=, ! are highlighted with grey color what shall i do

[@bluehippotech]

Have you tried a different theme?

[@studentocean_]

@@bluehippotech yes

[@studentocean_]

@@bluehippotech what shall I do?