diff --git a/blog.config.js b/blog.config.js
index bb063c18..2449cc31 100644
--- a/blog.config.js
+++ b/blog.config.js
@@ -75,7 +75,7 @@ const BLOG = {
   POST_PREVIEW_LINES: 12, // 预览博客行数
   POST_RECOMMEND_COUNT: 6, // 推荐文章数量
   POSTS_PER_PAGE: 12, // post counts per page
-  POSTS_SORT_BY: 'notion', // 排序方式 'date'按时间,'notion'由notion控制
+  POSTS_SORT_BY: process.env.NEXT_PUBLIC_POST_SORT_BY || 'notion', // 排序方式 'date'按时间,'notion'由notion控制
 
   PREVIEW_CATEGORY_COUNT: 16, // 首页最多展示的分类数量，0为不限制
   PREVIEW_TAG_COUNT: 16, // 首页最多展示的标签数量，0为不限制
diff --git a/components/StarrySky.js b/components/StarrySky.js
index 3a3a77d6..089a95b9 100644
--- a/components/StarrySky.js
+++ b/components/StarrySky.js
@@ -7,7 +7,7 @@ export const StarrySky = () => {
   }, [])
   return (
     <div className="relative">
-      <canvas id="starry-sky-vixcity" className="fixed"></canvas>
+      <canvas id="starry-sky-vixcity" className="fixed pointer-events-none"></canvas>
     </div>
   )
 }
diff --git a/themes/simple/LayoutBase.js b/themes/simple/LayoutBase.js
index 514bb314..ad2608e2 100644
--- a/themes/simple/LayoutBase.js
+++ b/themes/simple/LayoutBase.js
@@ -23,8 +23,8 @@ const LayoutBase = props => {
   const { onLoading } = useGlobal()
 
   /**
-   * 路由跳转时的遮罩
-   */
+     * 路由跳转时的遮罩
+     */
   const LoadingCover = <div id='cover-loading' className={`${onLoading ? 'z-50 opacity-50' : '-z-10 opacity-0'} pointer-events-none transition-all duration-300`}>
         <div className='w-full h-96 flex justify-center items-center'>
             <i className="fa-solid fa-spinner text-2xl text-black dark:text-white animate-spin">  </i>
@@ -47,16 +47,13 @@ const LayoutBase = props => {
             <NavBar {...props} />
 
             {/* 主体 */}
-            <div id='container-wrap' className="w-full relative">
-
-                <div id='container-inner' className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + '  max-w-9/10 w-full relative container mx-auto flex justify-center items-start pt-12'}>
-
-                    <div className='w-full flex-grow'>
-                        {onLoading ? LoadingCover : children}
-                    </div>
+            <div id='container-wrapper' className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' flex items-start max-w-9/10 mx-auto pt-12'}>
+                <div id='container-inner ' className='w-full flex-grow'>
+                    {onLoading ? LoadingCover : children}
+                </div>
 
+                <div className="hidden xl:block flex-none sticky top-8 w-96 border-l dark:border-gray-800 pl-12 border-gray-100">
                     <SideBar {...props} />
-
                 </div>
 
             </div>
diff --git a/themes/simple/components/SideBar.js b/themes/simple/components/SideBar.js
index bd110529..b3cdf2ce 100644
--- a/themes/simple/components/SideBar.js
+++ b/themes/simple/components/SideBar.js
@@ -4,20 +4,16 @@ import Catalog from './Catalog'
 
 export const SideBar = (props) => {
   const { notice } = props
-  return (
-        <div className="hidden lg:block flex-none sticky top-8 max-w-md border-l dark:border-gray-800 pl-12 border-gray-100">
+  return (<>
+        <aside>
+            <Catalog {...props} />
+        </aside>
 
-            <aside >
-                <Catalog {...props} />
-            </aside>
-
-            <aside className="overflow-hidden mb-6">
-                <Live2D />
-            </aside>
-            <aside>
-                <Announcement post={notice} />
-            </aside>
-
-        </div>
-  )
+        <aside className="overflow-hidden mb-6">
+            <Live2D />
+        </aside>
+        <aside>
+            <Announcement post={notice} />
+        </aside>
+    </>)
 }