How to indent list item with code blocks?

[icefery]

Description

I found list item with code blocks, in official docs (and any other markdown editor like VSCode, Typora) works well, but for me, it takes no effect.

I wonder is there some configurations I lost?

Example

Official documentation render result:

My markdown render result:

Markdown

## Chapter 1

- `A.java`

  > hello world in java

  ```java
  public class A {
      public static void main(String[] args) {
          System.out.println("Hello, world!");
      }
  }
  ```

- `a.js`

  > hello world in javascript

  ```javascript
  console.log('Hello, world!')
  ```

Config

site_name: 'my site'

docs_dir: docs

theme:
  name: material
  language: zh
  features:
    - navigation.tabs

markdown_extensions:
  - pymdownx.highlight:
      anchor_linenums: true
      line_spans: __span
      pygments_lang_class: true
  - pymdownx.inlinehilite
  - pymdownx.snippets
  - pymdownx.superfences

[squidfunk]

Simple. Indent by four spaces, not two.

- `a.js`

    > hello world in javascript

    ```javascript
    console.log('Hello, world!')
    ```

Result (as on GitHub):

• a.js

  hello world in javascript

  console.log('Hello, world!')

[icefery]

OK, it does work, but is this a design feature for mkdocs, or a bug of python markdown renderer?

I uses prettier to format my *.md files, I need to adjust prettier configurations.

[squidfunk]

Not sure, but you can take this upstream to Python Markdown and ask the maintainers. We only consume what Python Markdown spits out and build a beautiful website out of it. We don't do any Markdown processing, we only work on the HTML that is handed to us.

[facelessuser]

Python Markdown, by default, requires 4 space to ident. There may be extensions that alter this behavior, but generally, this is the case.

SuperFences, the extension handling your fenced code blocks, expects this behavior as well, and will position code blocks based on this assumption.

[icefery]

OK, thanks a lot!