连接到 CMS ​

一般工作流程 ​

将 VitePress 连接到 CMS 将主要围绕动态路由。在继续之前请确保了解其工作原理。

由于每个 CMS 的工作方式不同，因此我们只能提供您需要适应特定场景的通用工作流程。

1. 如果您的 CMS 需要身份验证，请创建一个 .env 文件来存储您的 API 令牌并加载它：

   js

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

2. 从 CMS 获取必要的数据并将其格式化为正确的路径数据：

   js

   export default {
     async paths() {
       // use respective CMS client library if needed
       const data = await (await fetch('https://my-cms-api', {
         headers: {
           // token if necessary
         }
       })).json()
   
       return data.map(entry => {
         return {
           params: { id: entry.id, /* title, authors, date etc. */ },
           content: entry.content
         }
       })
     }
   }

3. 渲染页面中的内容：

   md

   # {{ $params.title }}
   
   - by {{ $params.author }} on {{ $params.date }}
   
   <!-- @content -->

集成指南 ​

如果您已经编写了有关 VitePress 与特定 CMS 集成的指南，请使用下面的"编辑此页面"链接在此处提交！