{{ post.title }}
\n{{ post.tagline }}
\n![](\"/blog/images/foo.png\")
`\n imagesDir: '/blog/images',\n }),\n ],\n});\n```\n\n### 2. Write your posts\n\nCreate markdown files with YAML frontmatter in your posts directory:\n\n```markdown\ntitle: My First Post\ndate: 2026-01-15\ncover: /images/first-post.png\ntagline: A short description of this post\nauthor: Jane Doe\n# readTime: 5 # optional — auto-computed from word count when omitted\n\n---\n\n# My First Post\n\nWrite your content here using **markdown**.\n```\n\n### 3. Generate the index\n\nUse the bundled CLI to generate a JSON index from your markdown files:\n\n```bash\nnpx ngx-blogdown-index --postsDir src/content/posts --out src/content/index.json\n```\n\nThis scans all `.md` files, extracts frontmatter, and outputs a sorted JSON index.\n\n## Usage\n\nInject `BlogService` anywhere you need blog data:\n\n```ts\nimport { BlogService, BlogPostBase } from '@centrolabs/ngx-blogdown';\n\n// Extend BlogPostBase with your own frontmatter fields\ninterface MyPost extends BlogPostBase {\n date: string;\n tagline: string;\n cover: string;\n author: string;\n}\n\n@Component({\n template: `\n @for (post of posts; track post.slug) {\n {{ post.tagline }}
\n