diff --git a/web/public/images/qq-group-qrcode.png b/web/public/images/qq-group-qrcode.png
index a1ba550c..4e7c350e 100644
Binary files a/web/public/images/qq-group-qrcode.png and b/web/public/images/qq-group-qrcode.png differ
diff --git a/web/views/@default/@footer.html b/web/views/@default/@footer.html
new file mode 100644
index 00000000..6513c17d
--- /dev/null
+++ b/web/views/@default/@footer.html
@@ -0,0 +1,11 @@
+<div id="footer" class="ui menu inverted light-blue borderless small" v-if="teaShowOpenSourceInfo">
+    <a  href="/settings/upgrade" class="item" title="点击进入检查版本更新页面">{{teaName}} v{{teaVersion}}</a>
+    <a href="https://goedge.cn" target="_blank" class="item">官网</a>
+    <a href="https://goedge.cn/docs" target="_blank" class="item">文档</a>
+    <a href="https://github.com/TeaOSLab/EdgeAdmin" target="_blank" class="item">GitHub</a>
+    <a href="https://github.com/TeaOSLab/EdgeAdmin/issues" target="_blank" class="item">提Bug</a>
+    <a class="item" @click.prevent="showQQGroupQrcode()" title="点击弹出加群二维码">QQ讨论群 &nbsp;<i class="icon qrcode"></i> </a>
+    <a class="item" href="https://goedge.cn/community/telegram" target="_blank" title="点击跳转到加群页面">Telegram群 &nbsp;<i class="icon paper plane"></i></a>
+    <a class="item right" href="https://goedge.cn/commercial" target="_blank" v-if="!teaIsPlus">企业版</a>
+    <a class="item right" href="https://goedge.cn/docs/Appendix/Donation.md" target="_blank" v-if="teaIsPlus">捐助作者</a>
+</div>
\ No newline at end of file
diff --git a/web/views/@default/@layout.html b/web/views/@default/@layout.html
index cf81b659..82ef5a6e 100644
--- a/web/views/@default/@layout.html
+++ b/web/views/@default/@layout.html
@@ -120,18 +120,7 @@
     </div>
 
 	<!-- 底部 -->
-	<div id="footer" class="ui menu inverted light-blue borderless small" v-if="teaShowOpenSourceInfo">
-		<a  href="/settings/upgrade" class="item" title="点击进入检查版本更新页面">{{teaName}} <span v-if="teaIsPlus">&nbsp;Plus&nbsp;</span> v{{teaVersion}}</a>
-        <a href="https://goedge.cn" target="_blank" class="item">官网</a>
-        <a href="https://goedge.cn/docs" target="_blank" class="item">文档</a>
-		<a href="https://github.com/TeaOSLab/EdgeAdmin" target="_blank" class="item">GitHub</a>
-		<!--<a href="https://goedge.cn" target="_blank" class="item">官网</a>
-		<a href="https://goedge.cn/docs" target="_blank" class="item">文档</a>-->
-		<a href="https://github.com/TeaOSLab/EdgeAdmin/issues" target="_blank" class="item">提Bug</a>
-		<a class="item" @click.prevent="showQQGroupQrcode()">QQ讨论群：659832182 &nbsp;<i class="icon qrcode"></i> </a>
-		<a class="item right" href="https://goedge.cn/commercial" target="_blank" v-if="!teaIsPlus">企业版</a>
-        <a class="item right" href="https://goedge.cn/docs/Appendix/Donation.md" target="_blank" v-if="teaIsPlus">捐助作者</a>
-	</div>
+	{$template "/footer"}
 </div>
 
 {$echo "footer"}
diff --git a/web/views/@default/@layout.js b/web/views/@default/@layout.js
index 001bb703..6dcf59ab 100644
--- a/web/views/@default/@layout.js
+++ b/web/views/@default/@layout.js
@@ -93,7 +93,7 @@ Tea.context(function () {
 	this.showQQGroupQrcode = function () {
 		teaweb.popup("/about/qq", {
 			width: "21em",
-			height: "24em"
+			height: "30em"
 		})
 	}
 
diff --git a/web/views/@default/about/qq.css b/web/views/@default/about/qq.css
index 321ec407..b8803ddf 100644
--- a/web/views/@default/about/qq.css
+++ b/web/views/@default/about/qq.css
@@ -1,4 +1,10 @@
+h3 {
+  text-align: center;
+}
+.main {
+  padding: 0;
+}
 table img {
-  width: 20em;
+  width: 100%;
 }
 /*# sourceMappingURL=qq.css.map */
\ No newline at end of file
diff --git a/web/views/@default/about/qq.css.map b/web/views/@default/about/qq.css.map
index 1f1b5d2d..e3a2b4fd 100644
--- a/web/views/@default/about/qq.css.map
+++ b/web/views/@default/about/qq.css.map
@@ -1 +1 @@
-{"version":3,"sources":["qq.less"],"names":[],"mappings":"AAAA,KAAM;EACL,WAAA","file":"qq.css"}
\ No newline at end of file
+{"version":3,"sources":["qq.less"],"names":[],"mappings":"AAAA;EACC,kBAAA;;AAGD;EACC,UAAA;;AAGD,KAAM;EACL,WAAA","file":"qq.css"}
\ No newline at end of file
diff --git a/web/views/@default/about/qq.html b/web/views/@default/about/qq.html
index beb0bd2c..0ceef679 100644
--- a/web/views/@default/about/qq.html
+++ b/web/views/@default/about/qq.html
@@ -1,6 +1,6 @@
 {$layout "layout_popup"}
 
-<h3>QQ群 <span>659832182</span></h3>
+<h3>QQ群 &nbsp;<span>659832182</span></h3>
 <table class="ui table">
 	<tr>
 		<td><img src="/images/qq-group-qrcode.png"/></td>
diff --git a/web/views/@default/about/qq.less b/web/views/@default/about/qq.less
index 8946eea4..28598d21 100644
--- a/web/views/@default/about/qq.less
+++ b/web/views/@default/about/qq.less
@@ -1,3 +1,11 @@
+h3 {
+	text-align: center;
+}
+
+.main {
+	padding: 0;
+}
+
 table img {
-	width: 20em;
+	width: 100%;
 }
\ No newline at end of file