Динамический импорт файлов .md с помощью пула

Вы можете использовать коллекции вместе с динамическими маршрутами. Создайте коллекцию для хранения файлов уценки. Например, вы можете создать каталог src/content/posts и добавить файлы уценки с заголовком для метаданных, например src/content/posts/first-post.md, со следующим содержимым:

---
title: "First Post"
date: "2023-07-15"
---

# first Post

This is the content of the first post.

Затем настройте Astro для распознавания и чтения этих файлов уценки. Создайте файл конфигурации коллекции, например src/content/config.ts, и определите свою коллекцию:

import { defineCollection, z } from 'astro:content';

const posts = defineCollection({
  schema: z.object({
    title: z.string(),
    date: z.string().transform((str) => new Date(str)),
  }),
});

export const collections = {
  posts,
};

Обновите свой astro.config.mjs, включив в него модуль контента:

import { defineConfig } from 'astro/config';
import content from '@astro/content';

export default defineConfig({
  integrations: [content()],
});

Теперь создайте динамический маршрут для обслуживания содержимого уценки на основе пула. Создайте файл src/pages/posts/[...slug].astro:

---
// Import necessary utilities and components
import { getEntryBySlug } from 'astro:content';
import { Markdown } from '@astro/components';

// Get the slug from the URL
const { slug } = Astro.url;
const post = await getEntryBySlug('posts', slug);

// If post is not found, show a 404 page
if (!post) {
  throw Astro.error(404, `Post ${slug} not found`);
}
---

<Markdown content = {post.body} />

В файле динамического маршрута [...slug].astro используйте компонент Markdown для визуализации содержимого файла уценки. Функция getEntryBySlug извлекает содержимое уценки на основе фрагмента, а компонент Markdown отображает содержимое уценки.

Эта настройка гарантирует, что вы сможете динамически читать и отображать файлы уценки в вашем проекте Astro на основе URL-адреса. Он включает в себя создание каталога коллекции для файлов уценки, настройку Astro для чтения коллекции, создание динамического маршрута для обслуживания контента на основе фрагмента и использование компонента Markdown для рендеринга контента уценки. Этот подход обеспечивает структурированный и гибкий способ управления и отображения содержимого уценки в вашем проекте Astro.