diff --git a/components/DebugPanel.js b/components/DebugPanel.js
index 845da502..a0264eb1 100644
--- a/components/DebugPanel.js
+++ b/components/DebugPanel.js
@@ -1,10 +1,10 @@
-import { useEffect, useState } from 'react'
-import Select from './Select'
+import { siteConfigMap } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
+import { getQueryParam } from '@/lib/utils'
 import { THEMES } from '@/themes/theme'
 import { useRouter } from 'next/router'
-import { siteConfigMap } from '@/lib/config'
-import { getQueryParam } from '@/lib/utils'
+import { useEffect, useState } from 'react'
+import Select from './Select'
 
 /**
  *
@@ -50,79 +50,83 @@ const DebugPanel = () => {
   }
 
   return (
-        <>
-            {/* 调试按钮 */}
-            <div>
-                <div
-                    style={{ writingMode: 'vertical-lr' }}
-                    className={`bg-black text-xs text-white shadow-2xl p-1.5 rounded-l-xl cursor-pointer ${show ? 'right-96' : 'right-0'} fixed bottom-72 duration-200 z-50`}
-                    onClick={toggleShow}
-                >
-                    {show
-                      ? <i className="fas fa-times">&nbsp;{locale.COMMON.DEBUG_CLOSE}</i>
-                      : <i className="fas fa-tools">&nbsp;{locale.COMMON.DEBUG_OPEN}</i>}
-                </div>
-            </div>
+    <>
+      {/* 调试按钮 */}
+      <div>
+        <div
+          style={{ writingMode: 'vertical-lr' }}
+          className={`bg-black text-xs text-white shadow-2xl p-1.5 rounded-l-xl cursor-pointer ${show ? 'right-96' : 'right-0'} fixed bottom-72 duration-200 z-50`}
+          onClick={toggleShow}>
+          {show ? (
+            <i className='fas fa-times'>&nbsp;{locale.COMMON.DEBUG_CLOSE}</i>
+          ) : (
+            <i className='fas fa-tools'>&nbsp;{locale.COMMON.DEBUG_OPEN}</i>
+          )}
+        </div>
+      </div>
 
-            {/* 调试侧拉抽屉 */}
+      {/* 调试侧拉抽屉 */}
+      <div
+        className={` ${show ? 'shadow-card w-96 right-0 ' : '-right-96 invisible w-0'} overflow-y-scroll h-full p-5 bg-white fixed bottom-0 z-50 duration-200`}>
+        <div className='flex justify-between space-x-1 my-5'>
+          <div className='flex-col px-5'>
+            <Select
+              label={locale.COMMON.THEME_SWITCH}
+              value={currentTheme}
+              options={themeOptions}
+              onChange={handleUpdateDebugTheme}
+            />
             <div
-                className={` ${show ? 'shadow-card w-96 right-0 ' : '-right-96 invisible w-0'} overflow-y-scroll h-full p-5 bg-white fixed bottom-0 z-50 duration-200`}
-            >
-                <div className="flex justify-between space-x-1 my-5">
-                    <div className='flex'>
-                        <Select
-                            label={locale.COMMON.THEME_SWITCH}
-                            value={currentTheme}
-                            options={themeOptions}
-                            onChange={handleUpdateDebugTheme}
-                        />
-                        <div className="p-2 cursor-pointer" onClick={handleChangeDebugTheme}>
-                            <i className="fas fa-sync" />
-                        </div>
-                    </div>
-
-                    <div className='p-2'>
-                        <i className='fas fa-times' onClick={toggleShow}/>
-                    </div>
-                </div>
-
-                <div>
-                    {/* <div>
-                        <div className="font-bold w-18 border-b my-2">
-                            主题配置{`config_${debugTheme}.js`}:
-                        </div>
-                        <div className="text-xs">
-                            {Object.keys(themeConfig).map(k => (
-                                <div key={k} className="justify-between flex py-1">
-                                    <span className="bg-indigo-500 p-0.5 rounded text-white mr-2">
-                                        {k}
-                                    </span>
-                                    <span className="whitespace-nowrap">
-                                        {filterResult(themeConfig[k] + '')}
-                                    </span>
-                                </div>
-                            ))}
-                        </div>
-                    </div> */}
-                    <div className="font-bold w-18 border-b my-2">
-                        站点配置[blog.config.js]
-                    </div>
-                    <div className="text-xs">
-                        {siteConfig && Object.keys(siteConfig).map(k => (
-                            <div key={k} className="justify-between flex py-1">
-                                <span className="bg-blue-500 p-0.5 rounded text-white mr-2">
-                                    {k}
-                                </span>
-                                <span className="whitespace-nowrap">
-                                    {filterResult(siteConfig[k] + '')}
-                                </span>
-                            </div>
-                        ))}
-                    </div>
-                </div>
-
+              className='p-2 cursor-pointer'
+              onClick={handleChangeDebugTheme}>
+              <i className='fas fa-sync' />
             </div>
-        </>
+          </div>
+
+          <div className='p-2'>
+            <i className='fas fa-times' onClick={toggleShow} />
+          </div>
+        </div>
+
+        <div className='flex-col px-5'>
+          {/* 
+            <div>
+                <div className="font-bold w-18 border-b my-2">
+                    主题配置{`config_${debugTheme}.js`}:
+                </div>
+                <div className="text-xs">
+                    {Object.keys(themeConfig).map(k => (
+                        <div key={k} className="justify-between flex py-1">
+                            <span className="bg-indigo-500 p-0.5 rounded text-white mr-2">
+                                {k}
+                            </span>
+                            <span className="whitespace-nowrap">
+                                {filterResult(themeConfig[k] + '')}
+                            </span>
+                        </div>
+                    ))}
+                </div>
+            </div> 
+            */}
+          <div className='font-bold w-18 border-b my-2'>
+            站点配置[blog.config.js]
+          </div>
+          <div className='text-xs'>
+            {siteConfig &&
+              Object.keys(siteConfig).map(k => (
+                <div key={k} className='justify-between flex py-1'>
+                  <span className='bg-blue-500 p-0.5 rounded text-white mr-2'>
+                    {k}
+                  </span>
+                  <span className='whitespace-nowrap'>
+                    {filterResult(siteConfig[k] + '')}
+                  </span>
+                </div>
+              ))}
+          </div>
+        </div>
+      </div>
+    </>
   )
 }
 export default DebugPanel