astro-netlify-cms
astro-netlify-cms copied to clipboard
Issues implementing layout to blog posts.
I am currently learning how to use astro-netlify-cms to create a sample blogging and I am having trouble implementing the layout for the blogs.
My folder structure looks like the following
-src
-layouts
-MarkdownPostLayout.astro
-pages
-posts
-blog1.md
astro.config.mjs
Here is my astro.config.mjs file: https://github.com/Albertyhu/astro-blog-with-netlify-cms/blob/main/astro.config.mjs
In collections, I set the field layout to the following:
{
name: "layout",
widget: "hidden",
label: "Layout",
default: `import layout from '../../layouts/MarkdownPostLayout.astro'`,
},
Here is the Github repository for the rest of the project: https://github.com/Albertyhu/astro-blog-with-netlify-cms/tree/main
I appreciate any help I can get here.
I see you are missing a content/ folder - astro will not recognize your .md files outside of content/ I don't think, so you need to move posts/ to content/posts/, define a content collection, and then create a [post].astro in your pages folder to render the page. See the docs below:
https://docs.astro.build/en/guides/content-collections/