提示
推荐使用 pnpm 安装,我在子项目的，所以需要切换到子项目的 Demo\docs-base 目录下安装pnpmyarnnpmbun
sh
cd Demo\docs-base
pnpm add -D vitepress-markdown-timelinesh
yarn add -D vitepress-markdown-timelinesh
npm install vitepress-markdown-timelinesh
bun add -D vitepress-markdown-timelineDemo\docs-base\.vitepress\config.mts 中注册 markdown 解析插件注意
timeline不要在“export default defineConfig({})进行插件注册”，否则影响导航卡片样式不生效。详情查看TeeK 插件配置
ts
export default defineConfig({
markdown: {
config(md) {
md.use(timeline); //时间线插件
},
},
})ts
import timeline from "vitepress-markdown-timeline"; // 导入时间线插件
const tkConfig = tkThemeConfig {
markdownPlugins: [
(md: any) => md.use(timeline), //时间线插件
],
}Demo\docs-base\.vitepress\theme\index.ts 中引入时间线样式ts
import "vitepress-markdown-timeline/dist/theme/index.css"; // 引入时间线样式最后我们在markdown文件中，按格式使用即可
输入：
md
::: timeline 2025-03-23
- 一个非常棒的、轻量、简易开源 `VitePress`主题框架 目前 star 3.1k
- 开源地址 https://github.com/Kele-Bingtang/vitepress-theme-Teek
:::
::: timeline 2025-01-13
- `Teek`首次提交
:::输出：
2025-03-23
VitePress主题框架 目前 star 3.1k此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。