Markdown Code in Code Block is Incorrectly Rendered

[bbohling]

Describe the bug

When creating a code block of GitHub's Alerts markdown, it is rendered incorrectly on the webpage. It has an extra space between the type and the text (see screenshot below).

To Reproduce Steps to reproduce the behavior:

1. On a new page (markdown file) in Obsidian add the following code block:

> [!NOTE]
> Useful information that users should know, even when skimming content.

> [!TIP]
> Helpful advice for doing things better or more easily.

> [!IMPORTANT]
> Key information users need to know to achieve their goal.

> [!WARNING]
> Urgent info that needs immediate user attention to avoid problems.

> [!CAUTION]
> Advises about risks or negative outcomes of certain actions.

4. Then build the site and look at the web page. You will see what is shown in the screenshot below.

Expected behavior

There should not be an extra > line in-between the type (Note, Tip, Important, ...) and the alert text.

Screenshots and Source

Desktop (please complete the following information):

• Quartz Version: whatever npx quartz update gives you as of March 21, 2024 @ 9:31 AM PT
• node Version: v20.11.0
• npm version: v10.2.4
• OS: macOS 14.4
• Browser: Chrome, Safari, Edge

[saberzero1]

The reason this happens is because of these lines in the Obsidian Flavored Markdown transformer:

https://github.com/jackyzha0/quartz/blob/de6f469011e15f82ddffa8aad75f628d1ca612da/quartz/plugins/transformers/ofm.ts#L127

https://github.com/jackyzha0/quartz/blob/de6f469011e15f82ddffa8aad75f628d1ca612da/quartz/plugins/transformers/ofm.ts#L167-L176

According to the Obsidian documentation, there is no need for a new line between the title and the body of a callout. https://help.obsidian.md/Editing+and+formatting/Callouts

I remember the newline being necessary to properly embed the callout, but it seems to have been fixed in Obsidian 0.14.8

I'll check if the code can be removed without impacting callout functionality. This should fix your issue as well.