diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index 72f839eb36..d80e876fa8 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -55,6 +55,7 @@ module.exports = {
     'app.footer.design-platform': 'Ant Financial Design Platform',
     'app.footer.antux': 'Sitemap Template',
     'app.footer.community': 'Community',
+    'app.footer.help': 'Help',
     'app.footer.change-log': 'Change Log',
     'app.footer.faq': 'FAQ',
     'app.footer.feedback': 'Feedback',
@@ -72,6 +73,14 @@ module.exports = {
     'app.footer.commitment': 'Our Commitment to Customer Protection',
     'app.footer.company': 'Ant Financial',
     'app.footer.ant-design': 'UI Design Language',
+    'app.footer.yuque': 'YuQue',
+    'app.footer.yuque.slogan': 'Write your document as a team',
+    'app.footer.fengdie': 'FengDie',
+    'app.footer.fengdie.slogan': 'Mobile web app builder',
+    'app.footer.zhihu': 'Zhihu',
+    'app.footer.zhihu.xtech': 'Experience Cloud Blog',
+    'app.footer.seeconf': 'Seeking Experience & Engineering Conference',
+    'app.footer.xcloud': 'Ant Experience Cloud',
     'app.publish.title': 'antd@3.0.0 has been released! 🎉 🎉 🎉',
     'app.publish.greeting': 'Hello, ',
     'app.publish.intro': ' has been released, and please upgrade. ',
diff --git a/site/theme/template/Layout/Footer.jsx b/site/theme/template/Layout/Footer.jsx
index d3144f5718..6b7314f227 100644
--- a/site/theme/template/Layout/Footer.jsx
+++ b/site/theme/template/Layout/Footer.jsx
@@ -89,12 +89,7 @@ class Footer extends React.Component {
           <Row>
             <Col md={6} sm={24} xs={24}>
               <div className="footer-center">
-                <h2>Ant Design</h2>
-                <div>
-                  <a target="_blank " href="https://github.com/ant-design/ant-design">
-                    GitHub
-                  </a>
-                </div>
+                <h2><FormattedMessage id="app.footer.resources" /></h2>
                 <div>
                   <a href="http://pro.ant.design">Ant Design Pro</a>
                 </div>
@@ -111,39 +106,6 @@ class Footer extends React.Component {
                     <FormattedMessage id="app.footer.awesome" />
                   </a>
                 </div>
-                <div>
-                  <a target="_blank " href="http://ant-design.gitee.io/">
-                    <FormattedMessage id="app.footer.chinamirror" />
-                  </a>
-                </div>
-                <div style={{ marginTop: 16 }}>
-                  <ColorPicker
-                    type="sketch"
-                    small
-                    color={this.state.color}
-                    position="top"
-                    presetColors={[
-                      '#F5222D',
-                      '#FA541C',
-                      '#FA8C16',
-                      '#FAAD14',
-                      '#FADB14',
-                      '#A0D911',
-                      '#52C41A',
-                      '#13C2C2',
-                      '#1890FF',
-                      '#2F54EB',
-                      '#722ED1',
-                      '#EB2F96',
-                    ]}
-                    onChangeComplete={this.handleColorChange}
-                  />
-                </div>
-              </div>
-            </Col>
-            <Col md={6} sm={24} xs={24}>
-              <div className="footer-center">
-                <h2><FormattedMessage id="app.footer.resources" /></h2>
                 <div>
                   <a href="http://scaffold.ant.design">Scaffolds</a>
                   <span> - </span>
@@ -152,10 +114,6 @@ class Footer extends React.Component {
                 <div>
                   <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva">dva</a> - <FormattedMessage id="app.footer.dva" />
                 </div>
-                <div>
-                  <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli">dva-cli</a> -
-                  <FormattedMessage id="app.footer.dev-tools" />
-                </div>
                 <div>
                   <a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design">Ant Motion</a>
                   <span> - </span>
@@ -171,11 +129,53 @@ class Footer extends React.Component {
                   <span> - </span>
                   <FormattedMessage id="app.footer.antux" />
                 </div>
+                <div>
+                  <a target="_blank " href="http://ant-design.gitee.io/">
+                    <FormattedMessage id="app.footer.chinamirror" />
+                  </a>
+                </div>
               </div>
             </Col>
             <Col md={6} sm={24} xs={24}>
               <div className="footer-center">
                 <h2><FormattedMessage id="app.footer.community" /></h2>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="http://zhuanlan.zhihu.com/antdesign">
+                    <FormattedMessage id="app.footer.zhihu" />
+                  </a>
+                </div>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="http://medium.com/ant-design/">
+                    Medium
+                  </a>
+                </div>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="http://twitter.com/antdesignui">
+                    Twitter
+                  </a>
+                </div>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="http://zhuanlan.zhihu.com/xtech">
+                    <FormattedMessage id="app.footer.zhihu.xtech" />
+                  </a>
+                </div>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="http://seeconf.alipay.com/">
+                    SEE Conf
+                  </a>
+                  <span> - </span>
+                  <FormattedMessage id="app.footer.seeconf" />
+                </div>
+              </div>
+            </Col>
+            <Col md={6} sm={24} xs={24}>
+              <div className="footer-center">
+                <h2><FormattedMessage id="app.footer.help" /></h2>
+                <div>
+                  <a target="_blank " href="https://github.com/ant-design/ant-design">
+                    GitHub
+                  </a>
+                </div>
                 <div>
                   <a href="/changelog">
                     <FormattedMessage id="app.footer.change-log" />
@@ -224,6 +224,20 @@ class Footer extends React.Component {
                   <img className="title-icon" src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="" />
                   <FormattedMessage id="app.footer.more-product" />
                 </h2>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="https://yuque.com/">
+                    <FormattedMessage id="app.footer.yuque" />
+                  </a>
+                  <span> - </span>
+                  <FormattedMessage id="app.footer.yuque.slogan" />
+                </div>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="https://yunfengdie.com/">
+                    <FormattedMessage id="app.footer.fengdie" />
+                  </a>
+                  <span> - </span>
+                  <FormattedMessage id="app.footer.fengdie.slogan" />
+                </div>
                 <div>
                   <a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/">AntV</a>
                   <span> - </span>
@@ -234,6 +248,34 @@ class Footer extends React.Component {
                   <span> - </span>
                   <FormattedMessage id="app.footer.eggjs" />
                 </div>
+                <div>
+                  <a target="_blank" rel="noopener noreferrer" href="http://xcloud.alipay.com/">
+                    <FormattedMessage id="app.footer.xcloud" />
+                  </a>
+                </div>
+                <div style={{ marginTop: 20 }}>
+                  <ColorPicker
+                    type="sketch"
+                    small
+                    color={this.state.color}
+                    position="top"
+                    presetColors={[
+                      '#F5222D',
+                      '#FA541C',
+                      '#FA8C16',
+                      '#FAAD14',
+                      '#FADB14',
+                      '#A0D911',
+                      '#52C41A',
+                      '#13C2C2',
+                      '#1890FF',
+                      '#2F54EB',
+                      '#722ED1',
+                      '#EB2F96',
+                    ]}
+                    onChangeComplete={this.handleColorChange}
+                  />
+                </div>
               </div>
             </Col>
           </Row>
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index 8d82324bfe..18a90d968e 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -47,7 +47,7 @@ module.exports = {
     'app.footer.scaffolds': '脚手架市场',
     'app.footer.dev-tools': '开发工具',
     'app.footer.dva': '应用框架',
-    'app.footer.resources': '资源链接',
+    'app.footer.resources': '相关资源',
     'app.footer.data-vis': '数据可视化',
     'app.footer.eggjs': '企业级 Node 开发框架',
     'app.footer.motion': '设计动效',
@@ -55,6 +55,7 @@ module.exports = {
     'app.footer.design-platform': '蚂蚁金服设计平台',
     'app.footer.antux': '页面逻辑素材',
     'app.footer.community': '社区',
+    'app.footer.help': '帮助',
     'app.footer.change-log': '更新记录',
     'app.footer.faq': '常见问题',
     'app.footer.feedback': '反馈和建议',
@@ -72,6 +73,14 @@ module.exports = {
     'app.footer.commitment': '权益保障承诺书',
     'app.footer.company': '蚂蚁金融服务集团',
     'app.footer.ant-design': '蚂蚁 UI 体系',
+    'app.footer.yuque': '语雀',
+    'app.footer.yuque.slogan': '企业文档管理平台',
+    'app.footer.fengdie': '云凤蝶',
+    'app.footer.fengdie.slogan': '移动建站平台',
+    'app.footer.zhihu': '知乎专栏',
+    'app.footer.zhihu.xtech': '体验科技专栏',
+    'app.footer.seeconf': '蚂蚁金服体验科技大会',
+    'app.footer.xcloud': '蚂蚁体验云',
     'app.publish.title': 'antd@3.0.0 发布！🎉 🎉 🎉',
     'app.publish.greeting': '你好，',
     'app.publish.intro': ' 已正式发布，欢迎升级。',