diff --git a/src/views/sheet/internal/JournalList.vue b/src/views/sheet/internal/JournalList.vue
index cd5916724..3370f5604 100644
--- a/src/views/sheet/internal/JournalList.vue
+++ b/src/views/sheet/internal/JournalList.vue
@@ -179,7 +179,7 @@
         >保存</a-button>
       </template>
       <a-form layout="vertical">
-        <a-form-item label="页面标题：">
+        <a-form-item label="页面标题：" help="* 需要主题进行适配">
           <a-input v-model="options.journals_title" />
         </a-form-item>
         <a-form-item label="每页显示条数：">
diff --git a/src/views/sheet/internal/LinkList.vue b/src/views/sheet/internal/LinkList.vue
index f63d9990d..283fe1cb3 100644
--- a/src/views/sheet/internal/LinkList.vue
+++ b/src/views/sheet/internal/LinkList.vue
@@ -217,7 +217,7 @@
         >保存</a-button>
       </template>
       <a-form layout="vertical">
-        <a-form-item label="页面标题：">
+        <a-form-item label="页面标题：" help="* 需要主题进行适配">
           <a-input v-model="options.links_title" />
         </a-form-item>
       </a-form>
diff --git a/src/views/sheet/internal/PhotoList.vue b/src/views/sheet/internal/PhotoList.vue
index c2efeadd5..7e40be8d7 100644
--- a/src/views/sheet/internal/PhotoList.vue
+++ b/src/views/sheet/internal/PhotoList.vue
@@ -138,7 +138,7 @@
         >保存</a-button>
       </template>
       <a-form layout="vertical">
-        <a-form-item label="页面标题：">
+        <a-form-item label="页面标题：" help="* 需要主题进行适配">
           <a-input v-model="options.photos_title" />
         </a-form-item>
         <a-form-item label="每页显示条数：">
diff --git a/src/views/system/OptionForm.vue b/src/views/system/OptionForm.vue
index a2642fe8d..b9bf64bf0 100644
--- a/src/views/system/OptionForm.vue
+++ b/src/views/system/OptionForm.vue
@@ -3,7 +3,11 @@
     <a-row>
       <a-col :span="24">
         <div class="card-container">
-          <a-tabs type="card">
+          <a-tabs
+            type="card"
+            class="general"
+            v-if="!advancedOptions"
+          >
             <a-tab-pane key="general">
               <span slot="tab">
                 <a-icon type="tool" />常规设置
@@ -608,6 +612,64 @@
                 </a-tabs>
               </div>
             </a-tab-pane>
+            <a-tab-pane key="other">
+              <span slot="tab">
+                <a-icon type="align-left" />其他设置
+              </span>
+              <a-form
+                layout="vertical"
+                :wrapperCol="wrapperCol"
+              >
+                <a-form-item label="自定义全局 head：">
+                  <a-input
+                    type="textarea"
+                    :autosize="{ minRows: 5 }"
+                    v-model="options.blog_custom_head"
+                    placeholder="放置于每个页面的 <head></head> 标签中"
+                  />
+                </a-form-item>
+                <a-form-item label="自定义内容页 head：">
+                  <a-input
+                    type="textarea"
+                    :autosize="{ minRows: 5 }"
+                    v-model="options.blog_custom_content_head"
+                    placeholder="仅放置于内容页面的 <head></head> 标签中"
+                  />
+                </a-form-item>
+                <a-form-item label="统计代码：">
+                  <a-input
+                    type="textarea"
+                    :autosize="{ minRows: 5 }"
+                    v-model="options.blog_statistics_code"
+                    placeholder="第三方网站统计的代码，如：Google Analytics、百度统计、CNZZ 等"
+                  />
+                </a-form-item>
+                <!-- <a-form-item
+                  label="黑名单 IP："
+
+                >
+                  <a-input
+                    type="textarea"
+                    :autosize="{ minRows: 5 }"
+                    v-model="options.blog_ip_blacklist"
+                    placeholder="多个 IP 地址换行隔开"
+                  />
+                </a-form-item> -->
+                <a-form-item>
+                  <a-button
+                    type="primary"
+                    @click="handleSaveOptions"
+                  >保存</a-button>
+                </a-form-item>
+              </a-form>
+            </a-tab-pane>
+          </a-tabs>
+
+          <a-tabs
+            type="card"
+            class="advanced"
+            v-else
+          >
             <a-tab-pane key="permalink">
               <span slot="tab">
                 <a-icon type="link" />固定链接
@@ -712,62 +774,26 @@
                 </a-form-item>
               </a-form>
             </a-tab-pane>
-            <a-tab-pane key="other">
-              <span slot="tab">
-                <a-icon type="align-left" />其他设置
-              </span>
-              <a-form
-                layout="vertical"
-                :wrapperCol="wrapperCol"
-              >
-                <a-form-item label="自定义全局 head：">
-                  <a-input
-                    type="textarea"
-                    :autosize="{ minRows: 5 }"
-                    v-model="options.blog_custom_head"
-                    placeholder="放置于每个页面的 <head></head> 标签中"
-                  />
-                </a-form-item>
-                <a-form-item label="自定义内容页 head：">
-                  <a-input
-                    type="textarea"
-                    :autosize="{ minRows: 5 }"
-                    v-model="options.blog_custom_content_head"
-                    placeholder="仅放置于内容页面的 <head></head> 标签中"
-                  />
-                </a-form-item>
-                <a-form-item label="统计代码：">
-                  <a-input
-                    type="textarea"
-                    :autosize="{ minRows: 5 }"
-                    v-model="options.blog_statistics_code"
-                    placeholder="第三方网站统计的代码，如：Google Analytics、百度统计、CNZZ 等"
-                  />
-                </a-form-item>
-                <!-- <a-form-item
-                  label="黑名单 IP："
-
-                >
-                  <a-input
-                    type="textarea"
-                    :autosize="{ minRows: 5 }"
-                    v-model="options.blog_ip_blacklist"
-                    placeholder="多个 IP 地址换行隔开"
-                  />
-                </a-form-item> -->
-                <a-form-item>
-                  <a-button
-                    type="primary"
-                    @click="handleSaveOptions"
-                  >保存</a-button>
-                </a-form-item>
-              </a-form>
-            </a-tab-pane>
           </a-tabs>
         </div>
       </a-col>
     </a-row>
 
+    <div style="position: fixed;bottom: 30px;right: 30px;">
+      <a-tooltip placement="top">
+        <template slot="title">
+          <span>{{ advancedOptions?'基础选项':'高级选项' }}</span>
+        </template>
+        <a-button
+          type="primary"
+          shape="circle"
+          icon="setting"
+          size="large"
+          @click="handleAdvancedOptions()"
+        ></a-button>
+      </a-tooltip>
+    </div>
+
     <AttachmentSelectDrawer
       v-model="logoDrawerVisible"
       @listenToSelect="handleSelectLogo"
@@ -806,6 +832,7 @@ export default {
       faviconDrawerVisible: false,
       options: [],
       mailParam: {},
+      advancedOptions: false,
       tencentCosRegions: [
         {
           text: '北京一区',
@@ -1182,6 +1209,9 @@ export default {
     handleSelectFavicon(data) {
       this.options.blog_favicon = encodeURI(data.path)
       this.faviconDrawerVisible = false
+    },
+    handleAdvancedOptions() {
+      this.advancedOptions = !this.advancedOptions
     }
   }
 }
