Подключение к CMS

Общий рабочий процесс

Подключение VitePress к CMS во многом будет зависеть от Динамических маршрутов. Убедитесь, что вы понимаете, как это работает, прежде чем продолжить.

Поскольку каждая CMS работает по-разному, здесь мы можем предоставить только общий рабочий процесс, который вам нужно будет адаптировать к вашему конкретному сценарию.

1. Если ваша CMS требует аутентификации, создайте файл .env для хранения ваших API токенов и загрузите его так:

   // posts/[id].paths.js
   import { loadEnv } from 'vitepress'
   
   const env = loadEnv('', process.cwd())

2. Получите необходимые данные из CMS и отформатируйте их в соответствующие данные маршрутов:

   export default {
     async paths() {
       // используйте соответствующую клиентскую библиотеку CMS, если это необходимо
       const data = await (await fetch('https://my-cms-api', {
         headers: {
           // токен, если это необходимо
         }
       })).json()
   
       return data.map(entry => {
         return {
           params: { id: entry.id, /* title, authors, date и т.д. */ },
           content: entry.content
         }
       })
     }
   }

3. Отобразите контент на странице:

   # {{ $params.title }}
   
   - от {{ $params.author }} на {{ $params.date }}
   
   <!-- @content -->

Руководства по интеграции

Если вы написали руководство по интеграции VitePress с конкретной CMS, пожалуйста, используйте ссылку "Редактировать эту страницу" тут!