ArticlePageStyle 文章页风格

使用文章页风格组件可以在文章页进行风格调整。

基础使用

import { defineComponent, h, provide } from "vue";
import DefaultTheme from "vitepress/theme";
import { TkArticlePageStyle, teekConfigContext } from "vitepress-theme-teek";
import "vitepress-theme-teek/theme-chalk/tk-article-page-style.css";

export default {
  extends: DefaultTheme,
  Layout: defineComponent({
    name: "LayoutProvider",
    setup() {
      provide(teekConfigContext, {
        pageStyle: "default", // 可选 "default" | "card" | "segment" | "card-nav" | "segment-nav"，默认为 "default"
      });

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