Markdown with Contentful CMS

[coarse dawn]

I currently have my project using markdown in a folder structure i.e., posts/my-post.md

Then rendering the content with Astro.glob() and using tailwind to style the Content component.

This works beautiful but I wanted try Contentful to write via CMS and saw that they provide markdown, but I can't get it to render correctly with how I had it with static markdown files.

So let's say with Markdown you do something like:

# Heading 1

It will render

Heading 1

instead of rendering the heading as big text, as you would see in the actual markdown.

So just wondering if this is possible since I'm using Contenful or possibly missing a section in the docs.

I'm aware Contenful provides Rich-Text but I feel like styling will possibly be an issue? I like to use code blocks and images when I blog.

[raven halo]

I think you need to use <Fragment set:html={mdHTML}/>

[coarse dawn]

Neat. I tried it but still getting unformatted markdown

[raven halo]

Sorry I forgot to mention you have to render your markdown into html first, I have a list of options here for doing this https://github.com/BryceRussell/my-awesome-astro#if-i-want-to-render-a-string-of-markdown

[coarse dawn]

Thanks for the info - will check these out tomorrow and provide and update.

[coarse dawn]

@raven halo It worked. Went with astro-remote and put the pieces together.

Only thing is figuring out the code block. It's now one pure color whereas with Astro native markdown it was styled to my liking 😅

[raven halo]

The marked docs(md parser for library) mention this library for highlighting:
https://github.com/pksunkara/pygments.js
I think you can use that in a component like this:
https://github.com/natemoo-re/astro-remote#codespan-
That you pass into your markdown like this: ```jsx
<Markdown content={content} components={{ CodeBlock }} />