Fix link problem caused by subpath.

components/content/.gitkeep

@@ -0,0 +1 @@
+Components defined in this folder will be available in markdown files.

components/person.vue

@@ -1,27 +1,33 @@
 <script setup lang="ts">
 defineProps<{ name: string; avatar?: string; website?: string }>();
 const config = useRuntimeConfig();
-function composeAvatarUrl(baseUrl: string, avatarUrl: string): string {
-  if (avatarUrl.startsWith("/")) {
+
+/**
+ * When a subpath is used as base url, relative paths used in this site will break, like links to avatar and markdown files.
+ * This function will fix it by adding baseUrl if it's a local relative path link.
+ */
+function composeUrl(baseUrl: string, url: string): string {
+  if (url.startsWith("/")) {
     // image is a local image
     if (baseUrl.endsWith("/")) {
-      return `${baseUrl.substring(0, baseUrl.length - 1)}${avatarUrl}`;
+      return `${baseUrl.substring(0, baseUrl.length - 1)}${url}`;
     } else {
-      return `${baseUrl}${avatarUrl}`;
+      return `${baseUrl}${url}`;
     }
   } else {
     // is remote image
-    return avatarUrl;
+    return url;
   }
 }
+
 </script>
 <template>
   <div class="flex justify-center p-5">
-    <NuxtLink class="flex flex-col" :href="website" target="_blank">
+    <NuxtLink class="flex flex-col" :href="composeUrl(config.public.baseURL, website)" target="_blank">
       <div class="img-container overflow-hidden relative h-52 w-40">
         <img
           v-if="avatar"
-          :src="composeAvatarUrl(config.public.baseURL, avatar)"
+          :src="composeUrl(config.public.baseURL, avatar)"
           alt=""
           class="rounded-lg object-cover object-top w-full h-full"
         />

content/2.documentation/contributor.md

@@ -72,7 +72,6 @@ It can be a remote image, or a local image. If it's a local image, you should pu
 
 If you include the `website` field, clicking on your avatar will link to the website you specified.
 
-<!-- Otherwise it by default will link to your profile on this website. For example, for me it will link to :skip-check-link{url=/members/grad-student/huakun-shen} -->
 <!-- markdown-link-check-disable-next-line -->
 Otherwise it by default will link to your profile on this website. For example, for me it will link to [/members/grad-student/huakun-shen](/members/grad-student/huakun-shen)
 If you include the `website` field, clicking on your avatar will link to the website you specified.