package

themes/hexo/LayoutBase.js

@@ -11,10 +11,17 @@ import Live2D from '@/components/Live2D'
 import LoadingCover from './components/LoadingCover'
 import { useGlobal } from '@/lib/global'
 import BLOG from '@/blog.config'
-import FacebookPage from '@/components/FacebookPage'
 import AOS from 'aos'
 import 'aos/dist/aos.css' // You can also use <link> for styles
 import { isBrowser } from '@/lib/utils'
+import dynamic from 'next/dynamic'
+
+const FacebookPage = dynamic(
+  () => {
+    return import('@/components/FacebookPage')
+  },
+  { ssr: false }
+)
 
 /**
  * 基础布局 采用左右两侧布局，移动端使用顶部导航栏

themes/nobelium/components/ArticleInfo.js

@@ -3,16 +3,12 @@ import formatDate from '@/lib/formatDate'
 import Image from 'next/image'
 import BLOG from '@/blog.config'
 import TagItem from './TagItem'
-import { createHash } from 'crypto'
+import md5 from 'js-md5'
 
 export const ArticleInfo = (props) => {
   const { post } = props
 
-  const emailHash = createHash('md5')
-    .update(BLOG.CONTACT_EMAIL)
-    .digest('hex')
-    .trim()
-    .toLowerCase()
+  const emailHash = md5(BLOG.CONTACT_EMAIL)
 
   return <section className="flex-wrap flex mt-2 text-gray--600 dark:text-gray-400 font-light leading-8">
         <div>