96 lines
3.5 KiB
TypeScript
96 lines
3.5 KiB
TypeScript
// https://vitepress.dev/guide/custom-theme
|
||
import { h } from 'vue'
|
||
import type { Theme } from 'vitepress'
|
||
import DefaultTheme from 'vitepress/theme'
|
||
import './style.css'
|
||
import './custom.css'
|
||
import Announcement from './components/Announcement.vue'
|
||
import ArticleInfo from './components/ArticleInfo.vue'
|
||
import { FooterData } from '../../home-footbar.mts'
|
||
import {
|
||
HomeFooter
|
||
} from '@theojs/lumen'
|
||
import {
|
||
NolebaseGitChangelogPlugin
|
||
} from '@nolebase/vitepress-plugin-git-changelog/client'
|
||
import {
|
||
LayoutMode,
|
||
NolebaseEnhancedReadabilitiesMenu,
|
||
NolebaseEnhancedReadabilitiesScreenMenu,
|
||
} from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
|
||
import type { Options } from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
|
||
import { InjectionKey } from '@nolebase/vitepress-plugin-enhanced-readabilities/client'
|
||
|
||
import '@nolebase/vitepress-plugin-git-changelog/client/style.css'
|
||
import '@nolebase/vitepress-plugin-enhanced-readabilities/client/style.css'
|
||
|
||
export default {
|
||
extends: DefaultTheme,
|
||
Layout: () => {
|
||
return h(DefaultTheme.Layout, null, {
|
||
// https://vitepress.dev/guide/extending-default-theme#layout-slots
|
||
// 首页公告栏
|
||
'home-hero-info-before': () => h(Announcement),
|
||
// 文档前内容
|
||
'doc-before': () => h(ArticleInfo),
|
||
// [配置] 阅读增强
|
||
// 为较宽的屏幕的导航栏添加阅读增强菜单
|
||
'nav-bar-content-after': () => h(NolebaseEnhancedReadabilitiesMenu),
|
||
// 为较窄的屏幕（通常是小于 iPad Mini）添加阅读增强菜单
|
||
'nav-screen-content-after': () => h(NolebaseEnhancedReadabilitiesScreenMenu),
|
||
// [配置] 首页 Footbar
|
||
'layout-bottom': () => h(HomeFooter, { Footer_Data: FooterData })
|
||
})
|
||
},
|
||
enhanceApp({ app, router, siteData }) {
|
||
// ...
|
||
// [配置] 基于 Git 的页面历史
|
||
app.use(NolebaseGitChangelogPlugin, {
|
||
// see: https://nolebase-integrations.ayaka.io/pages/zh-CN/integrations/vitepress-plugin-git-changelog/configure-ui
|
||
locales: {
|
||
'zh-CN': {
|
||
changelog: {
|
||
title: '页面历史',
|
||
noData: '暂无最近变更历史',
|
||
lastEdited: '本页面最后编辑于 {{daysAgo}}',
|
||
lastEditedDateFnsLocaleName: 'zhCN',
|
||
viewFullHistory: '查看完整历史',
|
||
committedOn: '于 {{date}} 提交',
|
||
}
|
||
},
|
||
}
|
||
})
|
||
|
||
// [配置] 阅读增强
|
||
app.provide(InjectionKey, {
|
||
// refer: node_modules/@nolebase/vitepress-plugin-enhanced-readabilities/dist/locales/index.mjs
|
||
locales: { // 配置国际化 //
|
||
'zh-CN': { // 配置简体中文 //
|
||
title: {
|
||
title: '阅读增强插件',
|
||
},
|
||
layoutSwitch: {
|
||
titleHelpMessage: '调整页面布局样式，以适配不同的阅读习惯和屏幕环境。',
|
||
optionOriginalWidthHelpMessage: '默认布局宽度',
|
||
contentLayoutMaxWidth: {
|
||
titleHelpMessage: '调整页面布局中内容区域的宽度，以适配不同的阅读习惯和屏幕环境。'
|
||
},
|
||
pageLayoutMaxWidth: {
|
||
titleHelpMessage: '调整页面布局中页面的宽度，以适配不同的阅读习惯和屏幕环境。'
|
||
},
|
||
},
|
||
},
|
||
},
|
||
layoutSwitch: {
|
||
defaultMode: LayoutMode.BothWidthAdjustable,
|
||
pageLayoutMaxWidth: {
|
||
defaultMaxWidth: 96, // 60 - 100
|
||
},
|
||
contentLayoutMaxWidth: {
|
||
defaultMaxWidth: 90, // 60 - 100
|
||
}
|
||
},
|
||
} as Options)
|
||
}
|
||
} satisfies Theme
|