diff --git a/src/main/java/cc/ryanc/halo/config/MvcConfig.java b/src/main/java/cc/ryanc/halo/config/MvcConfig.java
index 0be5174aa..001574563 100644
--- a/src/main/java/cc/ryanc/halo/config/MvcConfig.java
+++ b/src/main/java/cc/ryanc/halo/config/MvcConfig.java
@@ -91,6 +91,11 @@ public class MvcConfig implements WebMvcConfigurer {
                 .addResourceLocations("file:///" + System.getProperties().getProperty("user.home") + "/halo/backup/");
     }
 
+    /**
+     * 跨域
+     *
+     * @param registry registry
+     */
     @Override
     public void addCorsMappings(CorsRegistry registry) {
         registry.addMapping("/**")
@@ -100,6 +105,11 @@ public class MvcConfig implements WebMvcConfigurer {
                 .allowedMethods("*");
     }
 
+    /**
+     * 国际化设置
+     *
+     * @return LocaleResolver
+     */
     @Bean
     public LocaleResolver localeResolver() {
         SessionLocaleResolver slr = new SessionLocaleResolver();
@@ -107,6 +117,11 @@ public class MvcConfig implements WebMvcConfigurer {
         return slr;
     }
 
+    /**
+     * 国际化参数拦截器
+     *
+     * @return LocaleChangeInterceptor
+     */
     @Bean
     public LocaleChangeInterceptor localeChangeInterceptor() {
         LocaleChangeInterceptor lci = new LocaleChangeInterceptor();
diff --git a/src/main/resources/static/js/app.js b/src/main/resources/static/js/halo.js
similarity index 100%
rename from src/main/resources/static/js/app.js
rename to src/main/resources/static/js/halo.js
diff --git a/src/main/resources/templates/admin/admin_login.ftl b/src/main/resources/templates/admin/admin_login.ftl
index f0f8071b2..7ad0a81db 100755
--- a/src/main/resources/templates/admin/admin_login.ftl
+++ b/src/main/resources/templates/admin/admin_login.ftl
@@ -47,7 +47,7 @@
 <script src="/static/plugins/jquery/jquery.min.js"></script>
 <script src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
 <script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
-<script src="/static/js/app.js"></script>
+<script src="/static/js/halo.js"></script>
 <script src="/static/js/login.js"></script>
 </html>
 </#compress>
diff --git a/src/main/resources/templates/admin/module/_macro.ftl b/src/main/resources/templates/admin/module/_macro.ftl
index b63f8235c..290c71c37 100644
--- a/src/main/resources/templates/admin/module/_macro.ftl
+++ b/src/main/resources/templates/admin/module/_macro.ftl
@@ -53,7 +53,7 @@
 <#if options.blog_locale?default('zh_CN')=='zh_CN'>
     <script src="/static/plugins/fileinput/zh.min.js"></script>
 </#if>
-<script src="/static/js/app.js"></script>
+<script src="/static/js/halo.js"></script>
 <@compress single_line=true>
 <script>
     var halo = new $.halo();
diff --git a/src/main/resources/templates/admin/widget/_attachment-detail.ftl b/src/main/resources/templates/admin/widget/_attachment-detail.ftl
index 5ac953752..5be8014b2 100644
--- a/src/main/resources/templates/admin/widget/_attachment-detail.ftl
+++ b/src/main/resources/templates/admin/widget/_attachment-detail.ftl
@@ -78,7 +78,7 @@
 <script src="/static/plugins/clipboard/clipboard.min.js"></script>
 <script src="/static/js/adminlte.min.js"></script>
 <script src="/static/plugins/layer/layer.js"></script>
-<script src="/static/js/app.js"></script>
+<script src="/static/js/halo.js"></script>
 <script>
     var halo = new $.halo();
     function btn_delete() {
diff --git a/src/main/resources/templates/admin/widget/_attachment-select-post.ftl b/src/main/resources/templates/admin/widget/_attachment-select-post.ftl
index 6aa63b5f6..223764008 100644
--- a/src/main/resources/templates/admin/widget/_attachment-select-post.ftl
+++ b/src/main/resources/templates/admin/widget/_attachment-select-post.ftl
@@ -68,7 +68,7 @@
 </#if>
 <script src="/static/plugins/clipboard/clipboard.min.js"></script>
 <script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
-<script src="/static/js/app.js"></script>
+<script src="/static/js/halo.js"></script>
 <script>
     var halo = new $.halo();
     $('#uploadImg').fileinput({
diff --git a/src/main/resources/templates/admin/widget/_attachment-select.ftl b/src/main/resources/templates/admin/widget/_attachment-select.ftl
index af4d7a4b1..f97255f15 100644
--- a/src/main/resources/templates/admin/widget/_attachment-select.ftl
+++ b/src/main/resources/templates/admin/widget/_attachment-select.ftl
@@ -67,7 +67,7 @@
 <script src="/static/plugins/fileinput/zh.min.js"></script>
 </#if>
 <script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
-<script src="/static/js/app.js"></script>
+<script src="/static/js/halo.js"></script>
 <script>
     var halo = new $.halo();
     $('#uploadImg').fileinput({
diff --git a/src/main/resources/templates/admin/widget/_gallery-detail.ftl b/src/main/resources/templates/admin/widget/_gallery-detail.ftl
index 68cda8198..ed61a39d7 100644
--- a/src/main/resources/templates/admin/widget/_gallery-detail.ftl
+++ b/src/main/resources/templates/admin/widget/_gallery-detail.ftl
@@ -78,7 +78,7 @@
 <script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
 <script src="/static/js/adminlte.min.js"></script>
 <script src="/static/plugins/layer/layer.js"></script>
-<script src="/static/js/app.js"></script>
+<script src="/static/js/halo.js"></script>
 <script>
     var halo = new $.halo();
     function btn_delete() {
diff --git a/src/main/resources/templates/admin/widget/_theme-install.ftl b/src/main/resources/templates/admin/widget/_theme-install.ftl
index e1017d14c..8064e4aeb 100644
--- a/src/main/resources/templates/admin/widget/_theme-install.ftl
+++ b/src/main/resources/templates/admin/widget/_theme-install.ftl
@@ -81,7 +81,7 @@
 </#if>
 <script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
 <script src="/static/plugins/layer/layer.js"></script>
-<script src="/static/js/app.js"></script>
+<script src="/static/js/halo.js"></script>
 <script>
     var halo = new $.halo();
     $(document).ready(function () {
diff --git a/src/main/resources/templates/common/macro/theme_option_marco.ftl b/src/main/resources/templates/common/macro/theme_option_marco.ftl
new file mode 100644
index 000000000..131cc910d
--- /dev/null
+++ b/src/main/resources/templates/common/macro/theme_option_marco.ftl
@@ -0,0 +1,62 @@
+<#macro head>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+    <link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/static/plugins/toast/css/jquery.toast.min.css">
+    <link rel="stylesheet" href="/static/css/AdminLTE.min.css">
+    <style>
+        .themeSetting, .themeImg {
+            padding-top: 15px;
+            padding-bottom: 15px;
+        }
+
+        .form-horizontal .control-label {
+            text-align: left;
+        }
+    </style>
+</head>
+<body>
+</#macro>
+
+<#macro import_js>
+</body>
+<script src="/static/plugins/jquery/jquery.min.js"></script>
+<script src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
+<script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
+<script src="/static/plugins/layer/layer.js"></script>
+<script src="/static/js/halo.js"></script>
+<#nested />
+<script>
+    function saveThemeOptions(option) {
+        var param = $('#'+option).serialize();
+        $.ajax({
+            type: 'post',
+            url: '/admin/option/save',
+            data: param,
+            success: function (data) {
+                if(data.code==1){
+                    showMsg(data.msg,"success",1000);
+                }else{
+                    showMsg(data.msg,"error",1000);
+                }
+            }
+        });
+    }
+    function openAttach(id) {
+        layer.open({
+            type: 2,
+            title: '所有附件',
+            shadeClose: true,
+            shade: 0.5,
+            area: ['90%', '90%'],
+            content: '/admin/attachments/select?id='+id,
+            scrollbar: false
+        });
+    }
+</script>
+</html>
+</#macro>
diff --git a/src/main/resources/templates/themes/anatole/module/options.ftl b/src/main/resources/templates/themes/anatole/module/options.ftl
index 8351dfd78..98adec1ac 100644
--- a/src/main/resources/templates/themes/anatole/module/options.ftl
+++ b/src/main/resources/templates/themes/anatole/module/options.ftl
@@ -1,23 +1,5 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-    <link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/static/plugins/toast/css/jquery.toast.min.css">
-    <link rel="stylesheet" href="/static/css/AdminLTE.min.css">
-    <style>
-        .themeSetting,.themeImg{
-            padding-top: 15px;
-            padding-bottom: 15px;
-        }
-        .form-horizontal .control-label{
-            text-align: left;
-        }
-    </style>
-</head>
-<body>
+<#import "/common/macro/theme_option_marco.ftl" as option>
+<@option.head />
 <div class="container-fluid">
     <div class="row">
         <div class="col-lg-6 themeImg">
@@ -218,38 +200,4 @@
         </div>
     </div>
 </div>
-</body>
-<script src="/static/plugins/jquery/jquery.min.js"></script>
-<script src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
-<script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
-<script src="/static/plugins/layer/layer.js"></script>
-<script src="/static/js/app.js"></script>
-<script>
-    function saveThemeOptions(option) {
-        var param = $('#'+option).serialize();
-        $.ajax({
-            type: 'post',
-            url: '/admin/option/save',
-            data: param,
-            success: function (data) {
-                if(data.code==1){
-                    showMsg(data.msg,"success",1000);
-                }else{
-                    showMsg(data.msg,"error",1000);
-                }
-            }
-        });
-    }
-    function openAttach(id) {
-        layer.open({
-            type: 2,
-            title: '所有附件',
-            shadeClose: true,
-            shade: 0.5,
-            area: ['90%', '90%'],
-            content: '/admin/attachments/select?id='+id,
-            scrollbar: false
-        });
-    }
-</script>
-</html>
+<@option.import_js />
diff --git a/src/main/resources/templates/themes/material/module/options.ftl b/src/main/resources/templates/themes/material/module/options.ftl
index 73898845f..f0f356937 100644
--- a/src/main/resources/templates/themes/material/module/options.ftl
+++ b/src/main/resources/templates/themes/material/module/options.ftl
@@ -1,24 +1,5 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-    <link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/static/plugins/toast/css/jquery.toast.min.css">
-    <link rel="stylesheet" href="/static/plugins/colorpicker/css/bootstrap-colorpicker.min.css">
-    <link rel="stylesheet" href="/static/css/AdminLTE.min.css">
-    <style>
-        .themeSetting,.themeImg{
-            padding-top: 15px;
-            padding-bottom: 15px;
-        }
-        .form-horizontal .control-label{
-            text-align: left;
-        }
-    </style>
-</head>
-<body>
+<#import "/common/macro/theme_option_marco.ftl" as option>
+<@option.head />
 <div class="container-fluid">
     <div class="row">
         <div class="col-lg-6 themeImg">
@@ -507,13 +488,8 @@
         </div>
     </div>
 </div>
-</body>
-<script src="/static/plugins/jquery/jquery.min.js"></script>
-<script src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
-<script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
-<script src="/static/plugins/layer/layer.js"></script>
+<@option.import_js>
 <script src="/static/plugins/colorpicker/js/bootstrap-colorpicker.min.js"></script>
-<script src="/static/js/app.js"></script>
 <script>
     $(document).ready(function () {
         $('#materialUiuxThemeColor').colorpicker();
@@ -524,31 +500,5 @@
         $('#materialNprogressColor').colorpicker();
         $('#materialBackgroundColor').colorpicker();
     });
-    function saveThemeOptions(option) {
-        var param = $('#'+option).serialize();
-        $.ajax({
-            type: 'post',
-            url: '/admin/option/save',
-            data: param,
-            success: function (data) {
-                if(data.code==1){
-                    showMsg(data.msg,"success",1000);
-                }else{
-                    showMsg(data.msg,"error",1000);
-                }
-            }
-        });
-    }
-    function openAttach(id) {
-        layer.open({
-            type: 2,
-            title: '所有附件',
-            shadeClose: true,
-            shade: 0.5,
-            area: ['90%', '90%'],
-            content: '/admin/attachments/select?id='+id,
-            scrollbar: false
-        });
-    }
 </script>
-</html>
\ No newline at end of file
+</@option.import_js>