引入组件

// .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),
    })
  },
 ...
}

自定义按钮文本

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: 'fa6-solid:share-nodes', // 自定义图标
          buttonText: '分享此页面', // 自定义按钮文本
          copiedIcon: 'mdi:thumbs-up', // 自定义复制成功后的图标
          copiedText: '链接已复制！' // 自定义复制成功后的文本
        })
    })
  }
  ...
}

参数说明

参数名	类型	默认值	描述
buttonIcon	string	solar:share-bold :	按钮图标的类名，支持 iconify 图标。
buttonText	string	分享此页面	按钮显示的文本。
copiedIcon	string	mdi:thumbs-up :	复制成功后显示的图标的类名，支持 iconify 图标。
copiedText	string	链接已复制!	复制成功后显示的文本。