diff --git a/.vitepress/config.mts b/.vitepress/config.mts index d988e60..0380955 100644 --- a/.vitepress/config.mts +++ b/.vitepress/config.mts @@ -4,6 +4,7 @@ import { GitChangelog, GitChangelogMarkdownSection } from '@nolebase/vitepress-p import { InlineLinkPreviewElementTransform } from '@nolebase/vitepress-plugin-inline-link-preview/markdown-it'; import { ThumbnailHashImages } from '@nolebase/vitepress-plugin-thumbnail-hash/vite'; import { BiDirectionalLinks } from '@nolebase/markdown-it-bi-directional-links'; +import { UnlazyImages } from '@nolebase/markdown-it-unlazy-img'; import { contributors } from './contributors'; import { withMermaid } from "vitepress-plugin-mermaid"; @@ -45,6 +46,7 @@ export default withMermaid({ noExternal: [ // 如果还有别的依赖需要添加的话,并排填写和配置到这里即可 // '@nolebase/vitepress-plugin-inline-link-preview', + '@unlazy/vue' ], }, }, @@ -54,6 +56,9 @@ export default withMermaid({ md.use(lightbox); md.use(InlineLinkPreviewElementTransform); md.use(BiDirectionalLinks()); + md.use(UnlazyImages(), { + imgElementTag: 'NolebaseUnlazyImg', + }); } }, diff --git a/.vitepress/theme/css/iconfont.css b/.vitepress/theme/css/iconfont.css index e956aa7..5969cf0 100644 --- a/.vitepress/theme/css/iconfont.css +++ b/.vitepress/theme/css/iconfont.css @@ -1,8 +1,6 @@ @font-face { font-family: "iconfont"; /* Project id 4933953 */ - src: url('iconfont.woff2?t=1748520733313') format('woff2'), - url('iconfont.woff?t=1748520733313') format('woff'), - url('iconfont.ttf?t=1748520733313') format('truetype'); + src: url('iconfont.woff2?t=1748520733313') format('woff2'); } .iconfont { diff --git a/.vitepress/theme/index.mts b/.vitepress/theme/index.mts index f6b910f..bcca0a1 100644 --- a/.vitepress/theme/index.mts +++ b/.vitepress/theme/index.mts @@ -13,6 +13,7 @@ import Contributors from './components/Contributors/index.vue'; import { NolebaseGitChangelogPlugin } from '@nolebase/vitepress-plugin-git-changelog/client'; import { NolebaseInlineLinkPreviewPlugin } from '@nolebase/vitepress-plugin-inline-link-preview/client'; +import { NolebaseUnlazyImg } from '@nolebase/vitepress-plugin-thumbnail-hash/client'; import { ElCollapse, ElCollapseItem, ElTimeline, ElTimelineItem } from 'element-plus'; @@ -35,6 +36,7 @@ export default { app.component('BiliPlayer', BiliPlayer); app.component('KNavItem', KNavItem); app.component('Contributors', Contributors); + app.component('NolebaseUnlazyImg', NolebaseUnlazyImg); app.component('el-collapse', ElCollapse); app.component('el-collapse-item', ElCollapseItem);