头像 One
头像 One

更多功能请点顶栏「快捷菜单」

teek teek 442 字 2 分钟 -- 次

时间线

最后更新于:

时间线

版权

次功能借鉴《Hyde》大佬的《时间线》文章，感谢大佬的手把手文档💖💖💖。

环境

2025年3月26日解决。

配置环境：

《Youbg Kbt》大佬开源的《vitepress-theme-teek》一个博客项目（知识库+博客 二合一），它是一个轻量、简易的VitePress主题框架，非常简约唯美，且也在持续迭代更新，感谢大佬开源的这款优秀产品，大佬威武。💖💖💖

前言

提示

采用了 @HanochMa/vitepress-markdown-timeline 的项目

Demo：https://hanochma.github.io/daily/2023-04

1、安装插件

  • 在demo\docs-base目录下执行命令：
1#pnpm
2pnpm add -D vitepress-markdown-timeline

2、注册插件

  • 在Demo\docs-base\.vitepress\config.mts中注册markdown 解析插件
1import timeline from "vitepress-markdown-timeline"; // 导入时间线插件
2
3const tkConfig = tkThemeConfig {
4  markdownPlugins: [
5    (md: any) => md.use(timeline), //时间线插件
6  ],
7}

警告

不要在“export default defineConfig({})进行插件注册”，详情查看TeeK插件配置

自己配置：

3、配置插件

  • 在 Demo\docs-base\.vitepress\theme\index.ts 中引入时间线样式
1import "vitepress-markdown-timeline/dist/theme/index.css"; // 引入时间线样式

4、效果

最后我们在markdown文件中，按格式使用即可：

 1::: timeline 2025-03-23
 2
 3- 一个非常棒的、轻量、简易开源 `VitePress`主题框架 目前 star 3.1k
 4- 开源地址 https://github.com/Kele-Bingtang/vitepress-theme-Teek
 5  :::
 6
 7::: timeline 2025-01-13
 8
 9- `Teek`首次提交
10  :::

输出：

自己效果：

📡
👤 作者: One
🔗 链接: https://onedayxyy.cn/topics/1zo4f
🌐 版权: 本站文章除特别声明外，均采用 CC BY-NC-SA 4.0 协议，转载请注明来自 One Blog！
最新文章

文档导航