Skip to content

引入组件

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: '链接已复制!' // 自定义复制成功后的文本
        })
    })
  }
  ...// 其他代码
}