Problem with the rendering of blockquote by default

support
1

Hello to all,

I have a problem with the rendering of blockquote by default, they are not formatted anymore.

I think it’s from the markup config file but I can’t find what I changed that would have broken the rendering.

I need your help.

Here is the repository.

Thanks in advance.

2 
parser:
    attribute:
      block: true

This is under the wrong key. See docs.

1 Like
3

Also, something like this:

> This is a note.
> {.alert .alert-primary}

Should look like:

> This is a note.
{.alert .alert-primary}
1 Like
4

hi,

thanks for very fast reply as usual.

I going to see the documentation, i understand the wrong key.

except for the indentation at the beginning, but since I’m in markup.yaml and not config.yaml it’s normal.

I must have my nose to the grindstone :rofl:

on the doc.

  goldmark:
    parser:
      attribute:
        block: false

my markup.yaml

goldmark:
  parser:
    attribute:
      block: true
5

You are correct. I misread the indentation. One of many reasons I prefer TOML.

You still need to do this:

> This is a note.
{.alert .alert-primary}

Not this:

> This is a note.
> {.alert .alert-primary}

See:
https://github.com/McFlyPartages/hugo_with_cms/blob/netlify/content/blog/article-test/index.md?plain=1#L68-L69

6

I modified the quoted lines, even if I doubted that it was that, because the article is in draft? But anyway that’s not it.

Could it be from render hook codeblock?

7

No. At this point I am unable to help you without access to your project.

8

I put the repository in my first message that’s what you’re talking about ?

9

When I build your site, this is what I see when visiting /blog/article-test/

image
image436×641 20.5 KB

Is there a different problem?

For reference, this is how I built your site:

git clone --recurse-submodules https://github.com/McFlyPartages/hugo_with_cms
cd hugo_with_cms/
npm ci
hugo server -D
10

Thanks again for following the topic.

I will try to be more clear.

Here is the rendering (left) of the markdown (right).
As you can see the quotes (>) are not rendered as they should be ?

Capture d’écran du 2023-03-01 13-48-36
Capture d’écran du 2023-03-01 13-48-36855×296 63 KB
Capture d’écran du 2023-03-01 13-50-46
Capture d’écran du 2023-03-01 13-50-461418×166 25.2 KB

11

As you can see in the developer tools of your favorite browser, the blockquote element does not have any styling but margins.

That’s at least what I see in Safari mobile.

12

Oh thanks for pointing that out, I went headlong into Hugo’s parameters when maybe it’s from the CSS for my Render codeblock that overwrites the bootstrap style, I’ll look into it right away.

13

Well, I’m still surprised that it worked by default and since a while nothing.

Bootstrap displays the blockcode without margin so it’s not completely weird.

But why did it work before and not now? I think it will remain a mystery.

I compensated by applying a custom style to the blockquote class and it works.

So I consider it solved even if it remains a mystery.

Thank you all for your help and your responsiveness