WARNING

该功能目前还未完善 请谨慎使用!

首页下划线 - 效果图

引入组件

// .vitepress/theme/index.ts

import DefaultTheme from 'vitepress/theme'
import { HomeUnderline } from '@theojs/lumen'

export default {
  extends: DefaultTheme,
  enhanceApp: ({ app }) => {    
    app.component('Home', HomeUnderline) 
  } 
 ...//其他代码
}

使用

---
layout: home

hero:
  name: Lumen
  text: 'Enhanced '
  tagline: ✨ 集成 Vue 功能组件和主题美化的 VitePress 插件
  image:
    src: https://cdn1.iconfinder.com/data/icons/prettyoffice8/256/Theme.png
    alt: Theme
---

<Home />

WARNING

• 下划线识别为hero.text
• hero.image.alt 会自动加在下划线后面