diff --git a/components/content/.gitkeep b/components/content/.gitkeep
new file mode 100644
index 0000000..dc97fb5
--- /dev/null
+++ b/components/content/.gitkeep
@@ -0,0 +1 @@
+Components defined in this folder will be available in markdown files.
\ No newline at end of file
diff --git a/components/content/skip-check-link.vue b/components/content/skip-check-link.vue
deleted file mode 100644
index ac675bf..0000000
--- a/components/content/skip-check-link.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<script setup lang="ts">
-defineProps<{ url: string }>();
-</script>
-<template>
-  <a :href="url" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">{{ url }}</a>
-</template>
diff --git a/components/person.vue b/components/person.vue
index 77816df..7fc0812 100644
--- a/components/person.vue
+++ b/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"
         />
diff --git a/content/2.documentation/contributor.md b/content/2.documentation/contributor.md
index 509f855..3213c8a 100644
--- a/content/2.documentation/contributor.md
+++ b/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.