feat: add help page & update desc

src/components/AboutMe.vue

@@ -11,8 +11,47 @@ const copyright = {
   author: '云游君',
   authorUrl: 'https://www.yunyoujun.cn',
 }
+
+const links = [
+  {
+    type: 'github',
+    label: 'GitHub: YunYouJun',
+    href: 'https://github.com/YunYouJun',
+  },
+  {
+    type: 'telegram',
+    label: 'Telegram Channel',
+    href: 'https://t.me/elpsycn',
+  },
+  {
+    type: 'weibo',
+    label: '微博：机智的云游君',
+    href: 'http://weibo.com/jizhideyunyoujun',
+  },
+  {
+    type: 'twitter',
+    label: 'Twitter: YunYouJun',
+    href: 'https://twitter.com/YunYouJun',
+  },
+  {
+    type: 'wechat',
+    label: '微信公众号：云游君',
+    href: '/wechat',
+    target: '_self',
+  },
+  {
+    type: 'bilibili',
+    label: '云游君Official',
+    href: 'https://space.bilibili.com/1579790',
+  },
+  {
+    type: 'blog',
+    label: '博客：yunyoujun.cn',
+    href: 'http://www.yunyoujun.cn',
+  },
+]
 </script>
 
 <template>
-  <vue-about-me :is-dark="isDark" :copyright="copyright" />
+  <vue-about-me :is-dark="isDark" :copyright="copyright" :links="links" />
 </template>

src/components/ChooseFood.vue

@@ -224,10 +224,15 @@ const { isVisible, show } = useInvisibleElement(recipePanel)
     </ToolTag>
   </div>
 
-  <div ref="recipePanel" m="2 t-4" p="2" class="transition shadow hover:shadow-md" bg="gray-400/8">
+  <div ref="recipePanel" m="2 t-4" p="2" class="relative transition shadow hover:shadow-md" bg="gray-400/8">
     <h2 text="xl" font="bold" p="1">
       🍲 来看看组合出的菜谱吧！
     </h2>
+
+    <!-- <div class="absolute left-5 top-5 icon-btn">
+      <div i-ri-compass-line />
+    </div> -->
+
     <Switch />
     <div p="2">
       <Transition mode="out-in">

src/components/Menu.vue

@@ -12,12 +12,12 @@ import { toggleDark } from '~/composables'
       <div i="ri-sun-line dark:ri-moon-line" />
     </button>
 
-    <RouterLink class="icon-btn mx-2 hover:text-blue-400" to="/about" title="关于">
-      <div i-ri-information-line />
+    <RouterLink class="icon-btn mx-2 hover:text-orange-400" to="/help" title="帮助">
+      <div i-ri-question-line />
     </RouterLink>
 
-    <RouterLink class="icon-btn mx-2 hover:text-green-400" to="/wechat" title="微信公众号 - 云游君">
-      <div i-ri-wechat-2-line />
+    <RouterLink class="icon-btn mx-2 hover:text-blue-400" to="/about" title="关于">
+      <div i-ri-information-line />
     </RouterLink>
 
     <a class="icon-btn mx-2 hover:text-pink-400" rel="noreferrer" href="https://space.bilibili.com/1579790" target="_blank" title="BiliBili">