diff --git a/themes/theme.js b/themes/theme.js index 792cf1d1..15ed1c04 100644 --- a/themes/theme.js +++ b/themes/theme.js @@ -1,6 +1,6 @@ import cookie from 'react-cookies' import BLOG from '@/blog.config' -import { getQueryParam, getQueryVariable } from '../lib/utils' +import { getQueryParam, getQueryVariable, isBrowser } from '../lib/utils' import dynamic from 'next/dynamic' // 使用 __THEME__ 变量来动态导入主题组件 import * as ThemeComponents from '@theme-components' @@ -21,10 +21,16 @@ export const getLayoutByTheme = (router) => { const themeQuery = getQueryParam(router.asPath, 'theme') || BLOG.THEME const layout = getLayoutNameByPath(router.pathname) if (themeQuery !== BLOG.THEME) { - // console.log('动态主题', themeQuery, BLOG.THEME) + setTimeout(() => { + if (isBrowser()) { + const element = document?.getElementById('theme-' + themeQuery) + element?.scrollIntoView({ + behavior: 'smooth' + }) + } + }, 500) return dynamic(() => import(`@/themes/${themeQuery}/${layout}`), { ssr: true }) } else { - // console.log('静态主题', themeQuery, BLOG.THEME) return ThemeComponents[layout] } }