Fix the ad layout and update the community QR code

Author: JoaHuang

docs/.vuepress/components/Sidebar.vue

@@ -4,7 +4,7 @@
       <div class="ss">
         <div class="sidebar-ad-placeholder">
           <a href="https://doc.hutool.cn/" target="_blank" @click="handleAdClick">
-            <img src="/img/ss/hutool.pic.jpg" alt="Hutool" style="max-width: 90%; height: auto;" />
+            <img src="/img/ss/hutool.pic.jpg" alt="Hutool" style="max-width: 80%; height: auto; margin-left: 20px;" />
           </a>
         </div>
         <!-- <div class="sidebar-ad-placeholder">
@@ -64,15 +64,10 @@ const handleAdClick = async () => {
 <style scoped lang="scss">
 .sidebar-ad-placeholder {
   width: 100%;
-  height: 100px;
-  // margin-bottom: 16px;
+  display: flex;
+  justify-content: flex-end;
   margin: 35px 0 16px 0;
-  // background: #eee;
   border-radius: 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
 }
 
 .mingdao {

docs/zh/community/README.md

@@ -22,8 +22,8 @@ sidebar: false
   <img src="/img/ss/qq%20group02.pic.jpg" alt="QQ 群二维码" class="qr-img" />
 </div>
 <div class="qr-img-row">
-  <img src="/img/ss/wechat%20group01.pic.jpg" alt="wechat 群二维码" class="qr-img" />
-  <img src="/img/ss/wechat%20group02.pic.jpg" alt="QQ 群二维码" class="qr-img" />
+  <img src='https://oss.hutool.cn/hutool/kefu/WechatIMG703.jpg?Content-Disposition=attachment%3B%20filename%3D%22kefu%2FWechatIMG703.jpg%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250527%2F%2Fs3%2Faws4_request&X-Amz-Date=20250527T032031Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=cc84cea6ff2b3526997ed3219dbdfa941bbfff9770c9be75ed4329a263b07034' alt="wechat 群二维码" class="qr-img" />
+  <img src='https://oss.hutool.cn/hutool/kefu/WechatIMG702.jpg?Content-Disposition=attachment%3B%20filename%3D%22kefu%2FWechatIMG702.jpg%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250527%2F%2Fs3%2Faws4_request&X-Amz-Date=20250527T032016Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=7d2db16ac3998a8393f1a7c074aac9505f854070be1dd3dd3158fdd580ee79fc' alt="QQ 群二维码" class="qr-img" />
 </div>
 
 ### Telegram

docs/zh/guide/community.md

@@ -38,8 +38,8 @@ star: true
   <img src="/img/ss/qq%20group02.pic.jpg" alt="QQ 群二维码" class="qr-img" />
 </div>
 <div class="qr-img-row">
-  <img src="/img/ss/wechat%20group01.pic.jpg" alt="wechat 群二维码" class="qr-img" />
-  <img src="/img/ss/wechat%20group02.pic.jpg" alt="QQ 群二维码" class="qr-img" />
+  <img src='https://oss.hutool.cn/hutool/kefu/WechatIMG703.jpg?Content-Disposition=attachment%3B%20filename%3D%22kefu%2FWechatIMG703.jpg%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250527%2F%2Fs3%2Faws4_request&X-Amz-Date=20250527T032031Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=cc84cea6ff2b3526997ed3219dbdfa941bbfff9770c9be75ed4329a263b07034' alt="wechat 群二维码" class="qr-img" />
+  <img src='https://oss.hutool.cn/hutool/kefu/WechatIMG702.jpg?Content-Disposition=attachment%3B%20filename%3D%22kefu%2FWechatIMG702.jpg%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250527%2F%2Fs3%2Faws4_request&X-Amz-Date=20250527T032016Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=7d2db16ac3998a8393f1a7c074aac9505f854070be1dd3dd3158fdd580ee79fc' alt="wechat 群二维码" class="qr-img" />
 </div>
 
 ## Telegram 群组