引入组件
ts
// .vitepress/theme/index.ts
import DefaultTheme from 'vitepress/theme'
import { ShareButton } from '@theojs/lumen'
import { h } from 'vue'
export default {
extends: DefaultTheme,
Layout() {
return h(DefaultTheme.Layout, null, {
'aside-outline-before': () => h(ShareButton),
})
},
...//其他代码
}
自定义按钮文本
ts
import DefaultTheme from 'vitepress/theme'
import { ShareButton } from '@theojs/lumen'
import { h } from 'vue'
export default {
extends: DefaultTheme,
Layout() {
return h(DefaultTheme.Layout, null, {
'aside-outline-before': () =>
h(ShareButton, {
buttonIcon: 'fas fa-share-alt', // 自定义图标
buttonText: '分享此页面', // 自定义按钮文本
copiedIcon: 'fas fa-thumbs-up', // 自定义复制成功后的图标
copiedText: '链接已复制!' // 自定义复制成功后的文本
})
})
}
...// 其他代码
}