mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-13 23:16:47 +00:00
73 lines
2.1 KiB
JavaScript
73 lines
2.1 KiB
JavaScript
import '@/styles/animate.css' // @see https://animate.style/
|
|
import '@/styles/globals.css'
|
|
import '@/styles/nprogress.css'
|
|
import '@/styles/utility-patterns.css'
|
|
|
|
// core styles shared by all of react-notion-x (required)
|
|
import 'react-notion-x/src/styles.css'
|
|
import '@/styles/notion.css' // 重写部分样式
|
|
|
|
import { GlobalContextProvider } from '@/lib/global'
|
|
|
|
import AOS from 'aos'
|
|
import 'aos/dist/aos.css' // You can also use <link> for styles
|
|
import { isBrowser, loadExternalResource } from '@/lib/utils'
|
|
import BLOG from '@/blog.config'
|
|
// 各种扩展插件 动画等
|
|
import ExternalPlugins from '@/components/ExternalPlugins'
|
|
// const ExternalPlugins = dynamic(() => import('@/components/ExternalPlugins'))
|
|
|
|
const MyApp = ({ Component, pageProps }) => {
|
|
// 自定义样式css和js引入
|
|
if (isBrowser) {
|
|
// 初始化AOS动画
|
|
AOS.init()
|
|
// 静态导入本地自定义样式
|
|
loadExternalResource('/css/custom.css', 'css')
|
|
loadExternalResource('/js/custom.js', 'js')
|
|
|
|
// 自动添加图片阴影
|
|
if (BLOG.IMG_SHADOW) {
|
|
loadExternalResource('/css/img-shadow.css', 'css')
|
|
}
|
|
|
|
// 导入外部自定义脚本
|
|
if (BLOG.CUSTOM_EXTERNAL_JS && BLOG.CUSTOM_EXTERNAL_JS.length > 0) {
|
|
for (const url of BLOG.CUSTOM_EXTERNAL_JS) {
|
|
loadExternalResource(url, 'js')
|
|
}
|
|
}
|
|
|
|
// 导入外部自定义样式
|
|
if (BLOG.CUSTOM_EXTERNAL_CSS && BLOG.CUSTOM_EXTERNAL_CSS.length > 0) {
|
|
for (const url of BLOG.CUSTOM_EXTERNAL_CSS) {
|
|
loadExternalResource(url, 'css')
|
|
}
|
|
}
|
|
checkThemeDOM()
|
|
}
|
|
|
|
return (
|
|
<GlobalContextProvider {...pageProps}>
|
|
<Component {...pageProps} />
|
|
<ExternalPlugins {...pageProps} />
|
|
</GlobalContextProvider>
|
|
)
|
|
}
|
|
|
|
/**
|
|
* 切换主题时的特殊处理
|
|
*/
|
|
const checkThemeDOM = () => {
|
|
const elements = document.querySelectorAll('[id^="theme-"]')
|
|
if (elements?.length > 1) {
|
|
elements[elements.length - 1].scrollIntoView()
|
|
// 删除前面的元素，只保留最后一个元素
|
|
for (let i = 0; i < elements.length - 1; i++) {
|
|
elements[i].parentNode.removeChild(elements[i])
|
|
}
|
|
}
|
|
}
|
|
|
|
export default MyApp
|