chore: fix img link blocked by wechat

src/components/Menu.vue

@@ -16,9 +16,9 @@ import { toggleDark } from '~/composables'
       <div i-ri-information-line />
     </RouterLink>
 
-    <a class="icon-btn mx-2 hover:text-green-400" rel="noreferrer" href="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/about/white-qrcode-and-search.jpg" target="_blank" title="WeChat">
+    <RouterLink class="icon-btn mx-2 hover:text-green-400" to="/wechat" title="微信公众号 - 云游君">
       <div i-ri-wechat-2-line />
-    </a>
+    </RouterLink>
 
     <a class="icon-btn mx-2 hover:text-pink-400" rel="noreferrer" href="https://space.bilibili.com/1579790" target="_blank" title="BiliBili">
       <div i-ri-bilibili-line />

src/pages/wechat.md

@@ -0,0 +1,7 @@
+---
+title: 微信公众号
+---
+
+我的个人微信公众号「云游君」，会分享一些生活和写的[小玩具们](https://sponsors.yunyoujun.cn/projects)。
+
+![微信公众号 - 云游君](https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/about/white-qrcode-and-search.jpg)