refactor: remote web font & auto generate title by frontmatter

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>