Closed qihaimi closed 1 month ago
先在.vitepress/theme/index.ts
中全局注册 BoxCube
import DefaultTheme from 'vitepress/theme'
import { DocBoxCube } from '@theojs/lumen'
export default {
extends: DefaultTheme,
enhanceApp: ({ app }) => {
app.component('BoxCube', DocBoxCube)
}
...//其他代码
}
然后直接在md文件中使用就可以了
先在
.vitepress/theme/index.ts
中期注册 BoxCubeimport DefaultTheme from 'vitepress/theme' import { DocBoxCube } from '@theojs/lumen' export default { extends: DefaultTheme, enhanceApp: ({ app }) => { app.component('BoxCube', DocBoxCube) } ...//其他代码 }
然后直接在md文件中使用就可以了
这里操作过了,是哪里不对吗,在md文件里直接粘贴BoxCube代码不显示
// https://vitepress.dev/guide/custom-theme
import { h } from 'vue'
import DefaultTheme from 'vitepress/theme'
import { DocAsideLogo } from '@theojs/lumen'
import { Aside_Data } from '../data/AsideData'
import { DocBox, DocLinks, DocBoxCube } from '@theojs/lumen'
import './style.css'
/** @type {import('vitepress').Theme} */
export default {
extends: DefaultTheme,
enhanceApp: ({ app }) => {
app.component('Box', DocBox)
app.component('Links', DocLinks)
app.component('BoxCube', DocBoxCube)
},
Layout: () => {
return h(DefaultTheme.Layout, null, {
'aside-ads-before': () => h(DocAsideLogo, { Aside_Data })
// https://vitepress.dev/guide/extending-default-theme#layout-slots
})
},
enhanceApp({ app, router, siteData }) {
// ...
}
}
先在
.vitepress/theme/index.ts
中期注册 BoxCubeimport DefaultTheme from 'vitepress/theme' import { DocBoxCube } from '@theojs/lumen' export default { extends: DefaultTheme, enhanceApp: ({ app }) => { app.component('BoxCube', DocBoxCube) } ...//其他代码 }
然后直接在md文件中使用就可以了
这里操作过了,是哪里不对吗,在md文件里直接粘贴BoxCube代码不显示
// https://vitepress.dev/guide/custom-theme import { h } from 'vue' import DefaultTheme from 'vitepress/theme' import { DocAsideLogo } from '@theojs/lumen' import { Aside_Data } from '../data/AsideData' import { DocBox, DocLinks, DocBoxCube } from '@theojs/lumen' import './style.css' /** @type {import('vitepress').Theme} */ export default { extends: DefaultTheme, enhanceApp: ({ app }) => { app.component('Box', DocBox) app.component('Links', DocLinks) app.component('BoxCube', DocBoxCube) }, Layout: () => { return h(DefaultTheme.Layout, null, { 'aside-ads-before': () => h(DocAsideLogo, { Aside_Data }) // https://vitepress.dev/guide/extending-default-theme#layout-slots }) }, enhanceApp({ app, router, siteData }) { // ... } }
导出了两个enhanceApp
先在
.vitepress/theme/index.ts
中期注册 BoxCubeimport DefaultTheme from 'vitepress/theme' import { DocBoxCube } from '@theojs/lumen' export default { extends: DefaultTheme, enhanceApp: ({ app }) => { app.component('BoxCube', DocBoxCube) } ...//其他代码 }
然后直接在md文件中使用就可以了
这里操作完了,是哪里吗,在md文件里直接粘贴BoxCube代码不显示
// https://vitepress.dev/guide/custom-theme import { h } from 'vue' import DefaultTheme from 'vitepress/theme' import { DocAsideLogo } from '@theojs/lumen' import { Aside_Data } from '../data/AsideData' import { DocBox, DocLinks, DocBoxCube } from '@theojs/lumen' import './style.css' /** @type {import('vitepress').Theme} */ export default { extends: DefaultTheme, enhanceApp: ({ app }) => { app.component('Box', DocBox) app.component('Links', DocLinks) app.component('BoxCube', DocBoxCube) }, Layout: () => { return h(DefaultTheme.Layout, null, { 'aside-ads-before': () => h(DocAsideLogo, { Aside_Data }) // https://vitepress.dev/guide/extending-default-theme#layout-slots }) }, enhanceApp({ app, router, siteData }) { // ... } }
删除了两个enhanceApp
喔,注释了下面个enhanceApp,然后生效了,谢谢大佬~~
大佬,你好,想问下链接卡片里的BoxCube代码放在md页面没有生效,请问是放在哪里可以让文章页面里显示呢