diff --git a/examples/sites/public/static/images/footer/cli.svg b/examples/sites/public/static/images/footer/cli.svg
new file mode 100644
index 0000000000..62082bfdf9
--- /dev/null
+++ b/examples/sites/public/static/images/footer/cli.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 10</title>
+    <g id="logo-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="logo-应用-2" transform="translate(-1329.000000, -159.000000)">
+            <g id="编组-10" transform="translate(1329.000000, 159.000000)">
+                <rect id="矩形备份" fill="#2F5BEA" x="0" y="0" width="40" height="40" rx="7.18993409"></rect>
+                <g id="编组备份" transform="translate(8.508089, 6.782504)">
+                    <polygon id="路径" fill="#FFFFFF" points="11.4919113 0 18.2721326 3.91330138 9.86688013 8.77230087 9.8738316 8.78433712 6.80512257 10.5554917 6.80512257 15.9762015 11.5011123 18.6865564 14.5641738 16.9186486 14.5731456 16.93418 22.9838048 12.0720729 22.9838226 19.8981426 11.4919113 26.5308568 0 19.8981426 0 6.6327142"></polygon>
+                    <polygon id="路径" fill="#A0B3F1" points="11.5011123 18.6865564 22.9225159 12.0615019 22.9225338 19.8875716 11.4919113 26.5308568"></polygon>
+                    <polygon id="路径" fill="#BFCCF6" points="6.80512257 15.9762015 11.5011123 18.6865564 11.4919113 26.5308568 0 19.8981426"></polygon>
+                    <polygon id="路径" fill="#DFE5FA" points="11.4919113 0 18.2721326 3.91330138 11.4966193 7.83016359"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/sites/public/static/images/footer/code-open.png b/examples/sites/public/static/images/footer/code-open.png
new file mode 100644
index 0000000000..2ca3d1067c
Binary files /dev/null and b/examples/sites/public/static/images/footer/code-open.png differ
diff --git a/examples/sites/public/static/images/footer/footer-title-community.svg b/examples/sites/public/static/images/footer/footer-title-community.svg
new file mode 100644
index 0000000000..cc0b82ca2e
--- /dev/null
+++ b/examples/sites/public/static/images/footer/footer-title-community.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>形状</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Tiny-Design-首页" transform="translate(-953.000000, -4115.000000)" fill="#2C2E30" fill-rule="nonzero">
+            <g id="FOOTER" transform="translate(0.000000, 3992.000000)">
+                <g id="2" transform="translate(953.000000, 120.000000)">
+                    <path d="M15.3469388,7.88382687 C14.9478458,6.93621867 14.3673469,6.06150342 13.6417233,5.33257404 L13.5328798,5.22323462 C12.0453515,3.80182232 10.0498866,3 7.98185941,3 C5.84126984,3 3.84580499,3.8382688 2.32199547,5.33257404 L2.32199547,5.3690205 C0.834467124,6.89977221 0,8.90432802 0,11.0182232 C0,11.8929385 0.145124718,12.6947608 0.39909297,13.4965831 C0.653061223,14.2255125 0.979591842,14.9179954 1.41496598,15.5740319 L1.48752835,15.6469248 L1.48752835,18.7084282 C1.48752835,18.8542141 1.63265307,19 1.77777778,19 L7.98185941,19 C9.07029479,19 10.0861678,18.7813212 11.1020408,18.38041 C12.0453515,17.9794989 12.9160998,17.3963554 13.6417233,16.667426 L13.7505669,16.5580866 C15.2018141,15.0637813 16,13.095672 16,10.9817768 C15.9637188,9.92482916 15.7460317,8.90432802 15.3469388,7.88382687 Z M10.8480726,12.2938497 L7.98185941,15.0637813 C7.94557822,15.1002278 7.87301587,15.1366743 7.80045351,15.1366743 C7.72789114,15.1366743 7.69160997,15.1002278 7.61904762,15.0637813 L4.78911564,12.3302961 L4.75283446,12.2938497 C4.06349206,11.6013667 3.88208617,10.7266515 4.20861677,9.88838268 C4.57142856,8.97722095 5.47845804,8.35763098 6.42176871,8.35763098 C6.85714286,8.35763098 7.292517,8.50341686 7.69160997,8.75854214 L7.76417234,8.79498862 L7.83673469,8.75854214 C8.23582766,8.50341686 8.67120181,8.35763098 9.10657597,8.35763098 C10.0498866,8.35763098 10.9569161,8.97722095 11.3197279,9.88838268 C11.7188209,10.7266515 11.537415,11.6013667 10.8480726,12.2938497 L10.8480726,12.2938497 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/sites/public/static/images/footer/footer-title-help.svg b/examples/sites/public/static/images/footer/footer-title-help.svg
new file mode 100644
index 0000000000..4a4c1e99dc
--- /dev/null
+++ b/examples/sites/public/static/images/footer/footer-title-help.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Tiny-Design-首页" transform="translate(-1247.000000, -4114.000000)">
+            <g id="FOOTER" transform="translate(0.000000, 3992.000000)">
+                <g id="3" transform="translate(1247.000000, 120.000000)">
+                    <g id="编组-2" transform="translate(0.000000, 2.000000)">
+                        <path d="M3.51720686,0 C2.68270668,0 2,0.720048002 2,1.600256 L2,14.399808 C2,15.279952 2.68270668,16 3.51720686,16 L14,16 L14,0 L3.51720686,0 Z M5.26618474,0.822335994 L7.79488306,0.822335994 L7.79488306,6.91198399 L6.5305339,5.97852799 L5.26618474,6.91198399 L5.26618474,0.822335994 L5.26618474,0.822335994 Z M12.9480191,15.13528 L4.02293741,15.13528 C3.39704332,15.13528 2.8850171,14.595168 2.8850171,13.935152 C2.8850171,13.274992 3.39704332,12.73496 4.02293741,12.73496 L12.9480191,12.73496 L12.9480191,15.13528 Z" id="形状" fill="#2C2E30" fill-rule="nonzero"></path>
+                        <rect id="矩形" fill-opacity="0" fill="#D8D8D8" x="0" y="0" width="16" height="16"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/sites/public/static/images/footer/footer-title-human.svg b/examples/sites/public/static/images/footer/footer-title-human.svg
new file mode 100644
index 0000000000..e359b502b1
--- /dev/null
+++ b/examples/sites/public/static/images/footer/footer-title-human.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>路径</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Tiny-Design-首页" transform="translate(-1433.000000, -4114.000000)" fill="#2C2E30" fill-rule="nonzero">
+            <g id="FOOTER" transform="translate(0.000000, 3992.000000)">
+                <g id="编组-34" transform="translate(1432.000000, 120.000000)">
+                    <g id="编组-3" transform="translate(0.000000, 2.000000)">
+                        <path d="M1,14.7149463 C1,15.4569086 2.03140681,15.723591 4.06877366,15.8836866 C5.25011415,15.9765159 6.38410303,16 8,16 C9.61589679,16 10.7498857,15.9765159 11.9312263,15.8836866 C13.9685932,15.723591 15,15.4569086 15,14.7149463 C15,13.1133741 12.3717286,11.65186 9.49740836,11.0752141 L9.78480398,11.4048696 L9.67302574,9.86297635 L9.42914152,10.2343016 C10.4479499,9.8903769 11.0322442,9.17954213 11.5060158,7.93103375 L11.2645133,8.15135675 C11.7236876,8.02687189 12.1344381,7.71455766 12.4039945,7.27652308 C12.9402079,6.40516534 12.7633497,5.28921466 11.9753262,4.78920731 C11.9011171,4.74212105 11.8235088,4.70191487 11.743106,4.66877088 L11.6085614,5.00530456 L11.9662517,5.00530478 C11.9662527,3.42036457 11.7338749,2.41463765 11.1304508,1.72804246 L10.8635783,1.96987891 L11.0190881,2.29696423 C11.4840144,2.0690471 11.7505083,1.75786745 11.4673196,1.34707184 C11.3345629,1.15449402 11.1264251,0.985533192 10.85956,0.82572657 C10.7196555,0.741947758 10.5717097,0.66595524 10.4239755,0.598460476 C10.3350678,0.55784157 10.2648628,0.528614873 10.2221635,0.512137888 L10.3885763,1.05929365 C10.4091949,1.02924504 10.4335108,0.987490033 10.4570554,0.934824306 C10.507862,0.821177039 10.5355665,0.700774354 10.5220768,0.569685241 C10.4833734,0.193574431 10.1579622,0 9.65941069,0 C9.1779612,0 8.60389559,0.290045019 7.96035107,0.755703906 L8.16792764,1.05149499 L8.17749027,0.688416942 C8.07914818,0.68574631 7.97822642,0.684415807 7.87463121,0.684415807 C4.82098464,0.684415807 3.79294407,1.83978447 3.78309037,4.94975328 L4.14077888,4.95092181 L4.02040262,4.60889986 C3.91863601,4.64583062 3.82091716,4.69379974 3.7284385,4.75247822 C2.94041505,5.25248557 2.76355681,6.36843624 3.29977026,7.23979399 C3.5781587,7.69218085 4.00704347,8.01017232 4.4833112,8.12595448 L4.2320725,7.90132655 C4.76312093,9.32568005 5.26748609,9.96178872 6.35576324,10.2417272 L6.08615167,9.8762816 L6.03026255,11.4181748 L6.3197905,11.0749343 C3.50227272,11.628261 1,13.0761629 1,14.7149463 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/sites/public/static/images/footer/footer-title-resource.svg b/examples/sites/public/static/images/footer/footer-title-resource.svg
new file mode 100644
index 0000000000..1d9814326e
--- /dev/null
+++ b/examples/sites/public/static/images/footer/footer-title-resource.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Tiny-Design-首页" transform="translate(-753.000000, -4114.000000)">
+            <g id="FOOTER" transform="translate(0.000000, 3992.000000)">
+                <g id="1" transform="translate(753.000000, 119.000000)">
+                    <g id="编组" transform="translate(0.000000, 3.000000)">
+                        <path d="M8.41594277,0 L8.415,3.782 L11.3592233,2.78156313 L15,14.4769539 L11.9340828,15.5190381 L8.415,4.215 L8.41594277,16 L4.99744507,16 L4.99744507,0 L8.41594277,0 Z M3.67143587,1.57114228 L3.67143587,15.5751503 L0,15.5751503 L0,1.57114228 L3.67143587,1.57114228 Z M11.0219724,3.5511022 L9.00613183,4.24048096 L9.34338273,5.31462926 L11.3592233,4.6252505 L11.0219724,3.5511022 Z M3.04292284,2.28456914 L0.636177823,2.28456914 L0.636177823,3.5751503 L3.04292284,3.5751503 L3.04292284,2.28456914 Z M7.91006643,0.617234469 L5.57996934,0.617234469 L5.57996934,1.86773547 L7.91006643,1.86773547 L7.91006643,0.617234469 Z" id="形状结合" fill="#2C2E30" fill-rule="nonzero"></path>
+                        <rect id="矩形" fill-opacity="0" fill="#D8D8D8" x="0" y="0" width="16" height="16"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/sites/public/static/images/footer/pro.svg b/examples/sites/public/static/images/footer/pro.svg
new file mode 100644
index 0000000000..7fc5602664
--- /dev/null
+++ b/examples/sites/public/static/images/footer/pro.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 7</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="logo-应用-1" transform="translate(-662.000000, -130.000000)">
+            <g id="编组-7" transform="translate(662.000000, 130.000000)">
+                <rect id="矩形备份" fill="#2F5BEA" x="0" y="0" width="40" height="40" rx="7.18993409"></rect>
+                <g id="编组-2备份" transform="translate(8.668429, 8.651887)">
+                    <polygon id="路径备份" fill="#DFE5FA" points="22.6317512 0 22.6317512 13.3068917 11.3452329 24.5895746 11.3452329 15.2982059 15.8500083 10.7568644 15.8500214 0"></polygon>
+                    <polygon id="路径备份" fill="#FFFFFF" transform="translate(5.671777, 12.294787) scale(-1, 1) translate(-5.671777, -12.294787) " points="11.3435546 0 11.3435546 13.3068917 1.68246306e-15 24.5895746 -1.25938755e-15 15.306479 4.56181177 10.7568644 4.56182488 0"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/sites/public/static/images/footer/theme.svg b/examples/sites/public/static/images/footer/theme.svg
new file mode 100644
index 0000000000..48b04a033d
--- /dev/null
+++ b/examples/sites/public/static/images/footer/theme.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 9</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="logo-应用-1" transform="translate(-992.000000, -130.000000)">
+            <g id="编组-9" transform="translate(992.000000, 130.000000)">
+                <rect id="矩形备份" fill="#2F5BEA" x="0" y="0" width="40" height="40" rx="7.18993409"></rect>
+                <g id="编组备份" transform="translate(6.666667, 9.523810)" fill-rule="nonzero">
+                    <polygon id="矩形备份-2" fill="#DFE5FA" points="-2.17072369e-12 0 9.54694373 0 9.54694373 8.5861468 -2.17072369e-12 8.5861468"></polygon>
+                    <polygon id="矩形备份-4" fill="#A0B3F1" points="17.1387402 0 26.6666667 0 26.6666667 8.5593068 17.1387402 8.5593068"></polygon>
+                    <polygon id="路径" fill="#FFFFFF" points="23.8176711 8.55930828 23.8176711 20.952381 2.86596318 20.952381 2.86596318 8.55930828 9.54694373 8.5593068 9.54783769 15.1429542 17.1387402 15.1429542 17.1378462 8.5593068"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/sites/public/static/js/design-common.js b/examples/sites/public/static/js/design-common.js
index cc8e73a837..816f62d7fb 100644
--- a/examples/sites/public/static/js/design-common.js
+++ b/examples/sites/public/static/js/design-common.js
@@ -35,7 +35,7 @@ const footerHtml = `<div class="tinyui-design-footer">
   <div class="footer-content">
    <div class="footer-logo-container">
       <a href="/" class="footer-logo-link">
-        <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/opentiny-logo.svg" title="OpenTiny" class="footer-logo">
+        <img src="/static/images/opentiny-logo.svg" title="OpenTiny" class="footer-logo">
         <span class="footer-logo-title">OpenTiny</span>
       </a>
       <div class="footer-promotional-container">
@@ -49,15 +49,15 @@ const footerHtml = `<div class="tinyui-design-footer">
         <div class="footer-logolist-container">
           
             <a href="/pro" class="footer-logo-link footer-logo-link-list">
-              <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/pro.svg" title="TinyPro">
+              <img src="/static/images/footer/pro.svg" title="TinyPro">
             </a>
           
             <a href="/designtheme/home" class="footer-logo-link footer-logo-link-list">
-              <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/theme.svg" title="TinyTheme">
+              <img src="/static/images/footer/theme.svg" title="TinyTheme">
             </a>
           
             <a href="/tiny-cli/home" class="footer-logo-link footer-logo-link-list">
-              <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/cli.svg" title="TinyCLI">
+              <img src="/static/images/footer/cli.svg" title="TinyCLI">
             </a>
           
         </div>
@@ -69,13 +69,12 @@ const footerHtml = `<div class="tinyui-design-footer">
       
       <div class="link-item">
         <div class="footer-title-container">
-          <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/footer-title-resource.svg" class="footer-logo-s">
+          <img src="/static/images/footer/footer-title-resource.svg" class="footer-logo-s">
           <span class="footer-title">相关资源</span>
           <span class="icon-arrow"></span>
         </div>
         <div class="footer-text-list">
           
-            <a href="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/OpenTinyUI.sketch" title="Sketch 设计资源" target="_blank" rel="noopener noreferrer" class="list-item">Sketch 设计资源</a>
           
             <a href="https://angular.cn/" title="Angular - 中文网" target="_blank" rel="noopener noreferrer" class="list-item">Angular - 中文网</a>
           
@@ -88,7 +87,7 @@ const footerHtml = `<div class="tinyui-design-footer">
       
       <div class="link-item">
         <div class="footer-title-container">
-          <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/footer-title-community.svg" class="footer-logo-s">
+          <img src="/static/images/footer/footer-title-community.svg" class="footer-logo-s">
           <span class="footer-title">社区</span>
           <span class="icon-arrow"></span>
         </div>
@@ -107,7 +106,7 @@ const footerHtml = `<div class="tinyui-design-footer">
       
       <div class="link-item">
         <div class="footer-title-container">
-          <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/footer-title-help.svg" class="footer-logo-s">
+          <img src="/static/images/footer/footer-title-help.svg" class="footer-logo-s">
           <span class="footer-title">帮助</span>
           <span class="icon-arrow"></span>
         </div>
@@ -126,11 +125,11 @@ const footerHtml = `<div class="tinyui-design-footer">
       
       <div class="contact">
         <div>
-          <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/footer-title-human.svg" class="footer-logo-s">
+          <img src="/static/images/footer/footer-title-human.svg" class="footer-logo-s">
           <span class="footer-title">联系我们</span>
         </div>
         <div class="group-code">
-          <img src="//res.hc-cdn.com/tinyui-design-common/1.0.5.20240823150427/assets/code-open.png">
+          <img src="/static/images/footer/code-open.png">
         </div>
       </div>
     </div>