refactor: remote web font & auto generate title by frontmatter

src/auto-imports.d.ts

@@ -119,6 +119,7 @@ declare global {
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVar: typeof import('@vueuse/core')['useCssVar']
   const useCssVars: typeof import('vue')['useCssVars']
+  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
   const useCycleList: typeof import('@vueuse/core')['useCycleList']
   const useDark: typeof import('@vueuse/core')['useDark']
   const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
@@ -188,6 +189,7 @@ declare global {
   const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
   const useRoute: typeof import('vue-router')['useRoute']
   const useRouter: typeof import('vue-router')['useRouter']
+  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
   const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
   const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
   const useScroll: typeof import('@vueuse/core')['useScroll']

src/components.d.ts

@@ -22,6 +22,7 @@ declare module '@vue/runtime-core' {
     ToggleMode: typeof import('./components/ToggleMode.vue')['default']
     ToolTag: typeof import('./components/tags/ToolTag.vue')['default']
     VegetableTag: typeof import('./components/tags/VegetableTag.vue')['default']
+    WrapperMd: typeof import('./components/WrapperMd.vue')['default']
   }
 }
 

src/components/WrapperMd.vue

@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+defineProps<{
+  frontmatter: {
+    title: string
+  }
+}>()
+</script>
+
+<template>
+  <div m="t-4" class="max-w-900px m-auto text-left">
+    <h3 text="center 3xl" font="serif !black">
+      {{ frontmatter?.title }}
+    </h3>
+    <slot class="markdown-body" />
+  </div>
+</template>

src/pages/about.md

@@ -2,10 +2,6 @@
 title: 关于
 ---
 
-<div class="text-center">
-  <h3 font="serif black">关于</h3>
-</div>
-
 ### **🍜 好的，今天我们来做菜！**
 
 > 希望大家吃的开心！
@@ -61,8 +57,6 @@ Hello，我是云游君。
 
 我会将其公开在[账簿](https://sponsors.yunyoujun.cn/account)中，并投入在周边的服务器、域名、CDN 等费用上。
 
-<p align="center">
-  <a href="https://sponsors.yunyoujun.cn">
-    <img src='https://cdn.jsdelivr.net/gh/YunYouJun/sponsors/public/sponsors.svg'/>
-  </a>
-</p>
+<a href="https://sponsors.yunyoujun.cn" target="_blank">
+  <img src='https://cdn.jsdelivr.net/gh/YunYouJun/sponsors/public/sponsors.svg'/>
+</a>

src/pages/help.md

@@ -2,10 +2,6 @@
 title: 帮助
 ---
 
-<h3 text="center" font="serif black">
-使用帮助
-</h3>
-
 - [菜谱数据](https://docs.qq.com/sheet/DQk1vdkhFV0twQVNS)
   - [新菜谱反馈](https://docs.qq.com/sheet/DQk1vdkhFV0twQVNS?tab=uykkic)
   - [晒晒你的菜](https://docs.qq.com/sheet/DQk1vdkhFV0twQVNS?tab=dmeahc)