Missing syntax highlighting in Ubuntu blog and Ubuntu documentation pages

[massigori]

The code blocks in the Ubuntu Blog and Ubuntu Documentation are missing syntax highlighting, making it very difficult for readers to consume the content.

The issue is site wide and affect the blog and documentation pages in both the main site and microsites.

Example pages with large code blocks:

• https://ubuntu.com/blog/closing-the-digital-divide-compudopt-and-ubuntu-desktop
• https://documentation.ubuntu.com/juju/3.6/tutorial/

[ayaankhan98]

Hi @massigori,

I'd like to help with adding language-specific syntax highlighting across the website. I see Prism.js is already integrated.

The issue mentions this is site-wide, affecting blog and documentation pages, and provides these examples:

https://ubuntu.com/blog/closing-the-digital-divide-compudopt-and-ubuntu-desktop
https://documentation.ubuntu.com/juju/3.6/tutorial/

I can start by investigating these example pages to understand why the highlighting isn't applying as expected and then work on other parts of main site and microsites. Does that sound like a good approach? Let me know if there are other specific areas or priorities you'd like me to focus on.

[immortalcodes]

Hi @ayaankhan98 ,
We do not have syntax highlighting on blogs page, documentation urls are not part of this site so if you wish to work on adding support for sytax highlighting on ubuntu.com/blogs/*, feel free to pick it up.

Some useful links:
https://github.com/canonical/ubuntu.com/blob/main/static/js/src/prism.js
https://vanillaframework.io/docs/base/code#syntax-highlighting