delucis / astro-netlify-cms

Integration to add Netlify CMS’s admin dashboard to any Astro project
160 stars 22 forks source link

Issues implementing layout to blog posts. #73

Open Albertyhu opened 1 year ago

Albertyhu commented 1 year ago

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.

fkkehlet commented 11 months ago

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/