创建数据
在.vitepress
目录下新建data/AsideData.ts
文件,并添加以下内容:
TIP
Aside_Data
数组中,link
为链接地址,icon
为图标地址,Activity
为活动名称
自行替换下方数据
ts
// .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: '为我赞助'
}
]
引入组件
ts
//.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 })
})
}
... //其他代码
}
数据接口说明
ts
Aside_Data: Array<{
link: string /* 链接地址。 */
icon: string /* 图标地址。 */
name?: string /* 名称。 */
Activity?: string /* 活动名称 */
hide1?: string /* 隐藏信息1。(可选) */
info1?: string /* 信息1。(可选) */
hide2?: string /* 隐藏信息2。(可选) */
info2?: string /* 信息2。(可选) */
}>