主题配置案例

文件路径

主题配置文件路径为：src/.vuepress/theme.ts

theme.ts 配置：

import { hopeTheme } from "vuepress-theme-hope";
import navbar from "./navbar.js";
import sidebar from "./sidebar.js";

export default hopeTheme({
  // 当前网站部署到的域名
  hostname: "https://help.sap560.com",

  // 文章显示的默认作者
  author: {
    name: "五六零网校",
    url: "https://www.sap560.com",
  },

  // 使用官方提供的图标库-也可以构建自己的图标库
  iconAssets: "iconfont",

  // 网站图标
  logo: '/logo.svg',
  favicon: '/favicon.png',

  // 文档所在目录
  docsDir: "src",

  // 导航栏配置
  navbar,

  // 侧边栏配置
  sidebar,

  // 网页底部显示内容
  // footer: "默认页脚",

  // 是否显示页脚
  displayFooter: true,

  // 是否启用评论功能,禁用
  comment: false,

  // 插件配置
  plugins: {
    // 请生成并使用您自己的评论服务
    comment: {
      provider: "Giscus",
      repo: "vuepress-theme-hope/giscus-discussions",
      repoId: "R_kgDOG_Pt2A",
      category: "Announcements",
      categoryId: "DIC_kwDOG_Pt2M4COD69",
    },
    



    // 所有功能在演示中都是启用的，只需保留您需要的功能
    mdEnhance: {
      align: true,
      attrs: true,
      codetabs: true,
      figure: true,
      imgLazyload: true,
      imgSize: true,
      include: true,
      mark: true,

      playground: {
        presets: ["ts", "vue"],
      },


      stylize: [
        {
          matcher: "Recommended",
          replacer: ({ tag }) => {
            if (tag === "em")
              return {
                tag: "Badge",
                attrs: { type: "tip" },
                content: "Recommended",
              };
          },
        },
      ],
      sub: true,
      sup: true,
      tabs: true,
      vPre: true,



    },

   
  },
});