example 主题 公告

themes/example/components/SideBar.js

@@ -3,11 +3,12 @@ import Live2D from '@/components/Live2D'
 import { useGlobal } from '@/lib/global'
 import Link from 'next/link'
 import dynamic from 'next/dynamic'
+import Announcement from './Announcement'
 const ExampleRecentComments = dynamic(() => import('./ExampleRecentComments'))
 
 export const SideBar = (props) => {
   const { locale } = useGlobal()
-  const { latestPosts, categoryOptions } = props
+  const { latestPosts, categoryOptions, notice } = props
   return (
       <div className="w-full md:w-64 sticky top-8">
 
@@ -48,6 +49,8 @@ export const SideBar = (props) => {
                 </div>
             </aside>
 
+            <Announcement post={notice}/>
+
             {BLOG.COMMENT_WALINE_SERVER_URL && BLOG.COMMENT_WALINE_RECENT && <aside className="rounded shadow overflow-hidden mb-6">
                 <h3 className="text-sm bg-gray-100 text-gray-700 dark:bg-hexo-black-gray dark:text-gray-200 py-3 px-4 dark:border-hexo-black-gray border-b">{locale.COMMON.RECENT_COMMENTS}</h3>