Feat: add entry points for joining wechat groups. (#328)

Co-authored-by: barnettZQG <yiyun.pro>

docusaurus.config.js

@@ -98,6 +98,9 @@ module.exports = {
             {
               label: 'DingTalk (23310022)',
               href: '.',
+            },
+            {
+              html: '<div class="wechat"> <a class="wechat-label">Wechat Group(Scan code to request joining)</a> <a class="wechat-img" rel="noreferrer noopener" aria-label="Wechat Group"><img src="https://static.kubevela.net/images/barnett-wechat.jpg" alt="Broker wechat to add you into the user group."></div>',
             }
           ],
         },

src/css/custom.css

@@ -104,4 +104,18 @@
 
 html[data-theme='dark'] .cncf-logo {
   background: center no-repeat url('/img/cncf-white.svg');
+}
+.wechat .wechat-label {
+  color: var(--ifm-footer-link-color);
+  line-height: 2;
+  cursor: pointer;
+}
+
+.wechat .wechat-img {
+  display: none;
+  position: absolute;
+  width: 100px;
+}
+.wechat:hover .wechat-img {
+  display: block;
 }