ArticleImagePreview 文章页图片预览

使用文章页图片预览组件可以在文章页进行图片预览。

基础使用

import { defineComponent, h, provide } from "vue";
import DefaultTheme from "vitepress/theme";
import { TkArticleImagePreview, teekConfigContext } from "vitepress-theme-teek";

export default {
  extends: DefaultTheme,
  Layout: defineComponent({
    name: "LayoutProvider",
    setup() {
      provide(teekConfigContext, {
        appreciation: {
          article: {
            imageViewer: {
              hideOnClickModal: true, // 点击图片时隐藏预览

              // ... 更多配置请看配置系列文章
            },
          },
        },
      });

      return () =>
        h(DefaultTheme.Layout, null, {
          "doc-before": () => h(TkArticleImagePreview),
        });
    },
  }),
};

更多 imageViewer 配置项请看 ImageViewer 图片预览。