侧边栏 - 效果图

创建数据

在.vitepress目录下新建data/AsideData.ts文件，并添加以下内容：

TIP

Aside_Data数组中，link为链接地址，icon为图标地址，Activity为活动名称

自行替换下方数据

// .vitepress/data/AsideData.ts

export const Aside_Data = [
  {
    link: 'https://fbinv01.fbaff.cc/auth/register?code=RZP3',
    icon: 'https://flyingbirdlimo.com/wp-content/uploads/2022/03/Flying-Bird-Logo-cropped.png',
    Activity: 'FlyingBird 618活动来了',
    info1: '月付 85折 优惠码  2461885',
    info2: '年付 64折 优惠码  2461880'
  },
  {
    link: 'https://xx.theojs.cn/',
    icon: 'https://i.theojs.cn/avatar.png',
    name: '玄学宝典',
    hide1: '传世经典著作',
    hide2: '山医命相卜'
  },
  {
    link: 'https://github.com/sponsors/Theo-Messi',
    icon: 'https://doc.theojs.cn/爱心.png',
    name: '为我赞助'
  }
]

引入组件

//.vitepress/theme/index.ts

import DefaultTheme from 'vitepress/theme'
import { h } from 'vue'
import { DocAsideLogo } from '@theojs/lumen'
import { Aside_Data } from '../data/AsideData'
export default {
  extends: DefaultTheme,
  Layout() {
    return h(DefaultTheme.Layout, null, {
      'aside-ads-before': () => h(DocAsideLogo, { Aside_Data }) 
    })
  }
 ... //其他代码
}