Yaml Code highlite

Description

Hi,

I am using the last Docker images, and I try to get my Yaml code highlighted but seems not working.

Here my mkdocs.yml

site_name: test
theme:
  name: 'material'
  palette:
    primary: 'blue'
    accent: 'blue'

markdown_extensions:
  - codehilite
  - admonition
  - pymdownx.details
  - pymdownx.critic
  - pymdownx.superfences
  - pymdownx.mark

pages:
- 'Home': index.md
- 'Requirements': Requirements.md

[shinji62]

It works !!! Thanks !!!

[facelessuser]

@markainick, that isn’t what I meant. I meant, don’t use Pygments, but instead use a JavaScript based syntax highlighter like highlight.js or something else. You’d have to disable pygments use in things like CodeHilite. You’d have to look at their documentation and use the appropriate option. Then you’d have to include the JS highlighter and theme of your choice, and possible configuration. I unfortunately don’t have a step by step guide handy at this moment.

In short, there are only three options:

• Accept that Pygments isn’t going to highlight yaml like you like. It does highlight certain things in yaml, but maybe just not to the level you are used to. This is fine for me in my projects, but I can understand that it may bother some people.
• Quote your keys to make them different like @squidfunk, suggested. This isn’t ideal as it forces you to present yaml in a very specific way for the sake of highlighting, but there is nothing wrong with this approach.
• Or use a different highlighter than Pygments. You’ll have to disable Pygments use in Python Markdown extensions that are applicable and references the JS highlighter’s documentation of your choice to see how to include and use it.