diff --git a/src/components/Qrcode.css b/src/components/Qrcode.css
index 7d2357a..1f4b786 100644
--- a/src/components/Qrcode.css
+++ b/src/components/Qrcode.css
@@ -568,16 +568,29 @@ input[type="number"]{
 }
 
 .Qr-footer {
-    color: #1D1D1F;
-    margin-bottom: -4px;
+    color: #515154;
+    margin-bottom: -1em;
 }
 
 .Gray {
     color: #86868B;
 }
 
+.gray {
+    color: #d2d2d7;
+}
+
 .Qr-footer div {
-    margin-bottom: 4px;
+    margin-bottom: 1em;
+    line-height: 1.5em;
+}
+
+.Qr-footer strong {
+    color: #000000 !important;
+}
+
+.Qr-footer-part span {
+    display: inline-block;
 }
 
 a {
@@ -592,6 +605,7 @@ a {
 
 a:hover {
     text-decoration: underline;
+    color: #1D1D1F;
 }
 
 #wx-message-inner {
@@ -646,7 +660,6 @@ a:hover {
 
 @media (min-width: 500px) {
     .note-font {
-        color: #1D1D1F;
         font-size: 14px;
     }
 
diff --git a/src/components/app/PartFooter.js b/src/components/app/PartFooter.js
index fe5bee6..abe9c29 100644
--- a/src/components/app/PartFooter.js
+++ b/src/components/app/PartFooter.js
@@ -16,14 +16,22 @@ const PartFooter = () => (
                 <a href="https://github.com/CPunisher/"
                    rel="noopener noreferrer"
                    target="_blank">CPunisher
-                </a>&ensp;丨&ensp;
-                <a href="https://www.yuque.com/qrbtf/docs/contact" rel="noopener noreferrer" target="_blank">联系我们</a>
+                </a>
+                <span className="gray">&ensp;丨&ensp;</span>
+                <span><a href="https://www.yuque.com/qrbtf/docs/contact" rel="noopener noreferrer" target="_blank">联系我们</a><span className="gray">&ensp;丨&ensp;</span></span>
+                <span><a href="https://www.yuque.com/qrbtf/docs/coop" rel="noopener noreferrer" target="_blank">合作咨询</a></span>
+            </div>
+
+            <div className="Qr-footer-part">
+                <strong>更多产品</strong>&emsp;
+                <span><a href="https://mdnice.com" rel="noopener noreferrer" target="_blank">mdnice 公众号排版</a><span className="gray">&ensp;丨&ensp;</span></span>
+                <span><a href="https://urlify.cn/" rel="noopener noreferrer" target="_blank">Urlify 短链接</a><span className="gray">&ensp;丨&ensp;</span></span>
+                <span><a href="https://imgkr.com/" rel="noopener noreferrer" target="_blank">imgkr 图壳图床</a><span className="gray">&ensp;丨&ensp;</span></span>
+                <span><a href="https://blog.ciaochaos.com/mpmath/" rel="noopener noreferrer" target="_blank">mpMath 公众号公式插件</a></span>
             </div>
 
             <div className="Gray">
-                Copyright © {currentYear} QRBTF. 保留所有权利。
-            </div>
-            <div className="Gray">
+                Copyright © {currentYear} QRBTF. 保留所有权利。<br />
                 <a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank">
                     浙
                     ICP 备 19005869 号
diff --git a/src/components/app/PartMore.js b/src/components/app/PartMore.js
index e241fbc..5901d4e 100644
--- a/src/components/app/PartMore.js
+++ b/src/components/app/PartMore.js
@@ -9,7 +9,7 @@ const PartMore = () => (
             <div className="Qr-s-title">More</div>
             <p className="Qr-s-subtitle">更多</p>
             <div className="Qr-article">
-                <GitHubButton href="https://github.com/ciaochaos/qrbtf" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star ciaochaos/qrbtf on GitHub">Star</GitHubButton>
+                <p><GitHubButton className="github-btn" href="https://github.com/ciaochaos/qrbtf" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star ciaochaos/qrbtf on GitHub">Star</GitHubButton></p>
                 <h2>最新消息</h2>
                 <p><b>2020.6.11</b><br/>QRBTF React 组件发布！快在你的应用中引入 react-qrbtf 吧。<a href='https://github.com/cpunisher/react-qrbtf' rel="noopener noreferrer" target="_blank">访问项目</a>。</p>
                 <p><b>2020.5.23</b><br/>网站开源啦！<a href='https://github.com/ciaochaos/qrbtf' rel="noopener noreferrer" target="_blank">点击访问</a> 我们的 Github。期待你也来参与设计、开发！给个 Star 支持一下不？查看文章 <a href='https://mp.weixin.qq.com/s/GFEMCWQu3e2qhTuBabnHmQ' rel="noopener noreferrer" target="_blank">QRBTF 开源啦！来写个二维码样式吧～</a>。</p>
@@ -30,12 +30,12 @@ const PartMore = () => (
         </div>
         <div className="Qr-Centered btn-row">
             <div className="div-btn">
-                <LinkButton href={"https://www.yuque.com/qrbtf/docs/donate"} value={"打赏 & 赞助"} />
+                <LinkButton href={"https://www.yuque.com/qrbtf/docs/donate"} value={"打赏"} />
                 <LinkButton href={"https://github.com/ciaochaos/qrbtf"} value={"Github"} />
             </div>
             <div className="div-btn">
-                <LinkButton href={"https://www.yuque.com/qrbtf/topics"} value={"问题反馈"} />
-                <LinkButton href={"https://www.yuque.com/qrbtf/docs/coop"} value={"合作咨询"} />
+                <LinkButton href={"https://github.com/ciaochaos/qrbtf/issues"} value={"反馈"} />
+                <LinkButton href={"https://mp.weixin.qq.com/s/GFEMCWQu3e2qhTuBabnHmQ"} value={"开发"} />
             </div>
         </div>
     </div>