diff --git a/components.d.ts b/components.d.ts
index 10019ed..c5dc932 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -26,6 +26,7 @@ declare module 'vue' {
     NButtonGroup: typeof import('naive-ui')['NButtonGroup']
     NCard: typeof import('naive-ui')['NCard']
     NCarousel: typeof import('naive-ui')['NCarousel']
+    NCode: typeof import('naive-ui')['NCode']
     NCollapse: typeof import('naive-ui')['NCollapse']
     NCollapseItem: typeof import('naive-ui')['NCollapseItem']
     NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
diff --git a/src/components/Avatar.vue b/src/components/Avatar.vue
index e032742..ffcc5e7 100644
--- a/src/components/Avatar.vue
+++ b/src/components/Avatar.vue
@@ -5,36 +5,54 @@
  * @Description: _(:з」∠)_
 -->
 <script setup lang="ts">
-import store from '@/utils/store';
-import VerifiedFilled from '@vicons/material/VerifiedFilled';
-import { User } from '@/utils/types';
-import { PropType } from 'vue';
+import store from "@/utils/store";
+import VerifiedFilled from "@vicons/material/VerifiedFilled";
+import { User } from "@/utils/types";
+import { PropType } from "vue";
+
+type AvatarUser = Omit<User, "identity"> & {
+  identity?: User["identity"] | null;
+};
 
 const props = defineProps({
   user: {
-    type: Object as PropType<User>,
-    required: true
+    type: Object as PropType<AvatarUser>,
+    required: true,
   },
   round: {
     type: Boolean,
-    default: false
+    default: false,
   },
   size: {
     type: Number,
-    default: 42
+    default: 42,
   },
   preview: {
     type: Boolean,
-    default: false
-  }
-})
+    default: false,
+  },
+});
 </script>
 
 <template>
-  <div style="font-size:0;position:relative;">
-    <n-image :width="props.size" :height="props.size" :src="props.user.avatar.low_url" lazy object-fit="fill"
-      :img-props="{ style: props.round ? 'border-radius:50%;' : 'border-radius:5%;' }" :preview-disabled="!props.preview" />
-    <n-icon v-if="props.user.identity.color" :component="VerifiedFilled" :size="0.42 * props.size"
-      :color="props.user.identity.color" style="position:absolute;right:0;bottom:0;" />
+  <div style="font-size: 0; position: relative">
+    <n-image
+      :width="props.size"
+      :height="props.size"
+      :src="props.user?.avatar?.low_url ?? ''"
+      lazy
+      object-fit="fill"
+      :img-props="{
+        style: props.round ? 'border-radius:50%;' : 'border-radius:5%;',
+      }"
+      :preview-disabled="!props.preview"
+    />
+    <n-icon
+      v-if="props.user.identity && props.user.identity.color"
+      :component="VerifiedFilled"
+      :size="0.42 * props.size"
+      :color="props.user.identity.color"
+      style="position: absolute; right: 0; bottom: 0"
+    />
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/components/Comment.vue b/src/components/Comment.vue
index d16081e..76980e1 100644
--- a/src/components/Comment.vue
+++ b/src/components/Comment.vue
@@ -8,14 +8,14 @@
 <script setup lang="ts">
 import http from '@/utils/request';
 import { h, onMounted, reactive } from 'vue';
-import { FormatTime } from '@/utils/tools';
+import { FormatTime, GetBlockedUserIds } from '@/utils/tools';
 import { onBeforeRouteLeave } from 'vue-router';
 import { Comment, CommentList as ICommentList, User } from '@/utils/types';
 import RenderLink from './RenderLink.vue';
 import ImageViewer from "@/components/ImageViewer/ImageViewer.vue"
 import CommentList from './CommentList.vue';
 import CommentEdit from './CommentEdit.vue';
-
+import store from '@/utils/store';
 
 const props = defineProps(['obj', 'rate'])
 
@@ -61,6 +61,7 @@ function LoadComments(obj: string, cmts: any) {
       page: cmts.page,
     }
   }).then(res => {
+    FilterComments(res.data);
     if (res.data.length == 0) cmts.end = true;
     else {
       cmts.list = cmts.list.concat(res.data);
@@ -70,6 +71,16 @@ function LoadComments(obj: string, cmts: any) {
   }).catch(() => { cmts.loading = false; })
 }
 
+function FilterComments(data: Comment[]) {
+  for (let i = data.length - 1; i >= 0; i--) {
+    if (data[i].sub && data[i].sub.length > 0) {
+      FilterComments(data[i].sub);
+    }
+    if ((data[i].user.id && GetBlockedUserIds().includes(data[i].user.id)) || (store.block_policy=="strict" && data[i].reply_user && GetBlockedUserIds().includes(data[i].reply_user.id))) {
+      data.splice(i, 1);
+    }
+  }
+}
 
 function OpenSubComments(parent: any) {
   sub_comment_list.parent = parent;
diff --git a/src/components/Posters.vue b/src/components/Posters.vue
index 1e09b0b..47ed521 100644
--- a/src/components/Posters.vue
+++ b/src/components/Posters.vue
@@ -8,10 +8,11 @@
 import http from '@/utils/request';
 import { PropType, onMounted, reactive, ref, watch } from 'vue';
 import { Poster } from '@/utils/types';
-import { FormatTime, OpenLink } from '@/utils/tools';
+import { FormatTime, OpenLink, GetBlockedUserIds } from '@/utils/tools';
 import ErrorOutlined from '@vicons/material/ErrorOutlined'
 import Avatar from '@/components/Avatar.vue';
 import ImageViewer from '@/components/ImageViewer/ImageViewer.vue';
+import store from '@/utils/store';
 
 export interface PostersStatus {
   mode: 'recommend' | 'search' | 'follow' | 'hot';
@@ -52,6 +53,8 @@ function LoadPosters() {
   }).then(res => {
     // 状态更新后可能之前的请求还没完成 得加上时间戳保证更新的是最新的
     if (refresh_time != posters.refresh_time) return;
+    // 屏蔽用户过滤
+    FilterPosters(res.data);
     if (res.data.length == 0) posters.end = true;
     else {
       posters.list = posters.list.concat(res.data);
@@ -61,6 +64,15 @@ function LoadPosters() {
   }).catch(() => { posters.loading = false; })
 }
 
+function FilterPosters(data: Poster[]) {
+  for (let i = data.length - 1; i >= 0; i--) {
+    if (GetBlockedUserIds().includes(data[i].user.id)) {
+      console.log("已屏蔽用户发布的内容", data[i]);
+      data.splice(i, 1);
+    }
+  }
+}
+
 const load_more_observer = ref(null as any);
 onMounted(() => {
   LoadPosters();
diff --git a/src/utils/store.ts b/src/utils/store.ts
index cf48c6d..46548c6 100644
--- a/src/utils/store.ts
+++ b/src/utils/store.ts
@@ -24,6 +24,8 @@ const store = reactive({
   theme_mode: x.theme_mode || "auto", // auto dark light
   grade_query: x.grade_query || {},
   last_draft: x.last_draft ?? {},
+  blocked_users: x.blocked_users || [],
+  block_policy: x.block_policy || "normal", // normal: 屏蔽画廊、一二级评论、paper strict: normal + 回复该用户的评论
   hide_bot: x.hide_bot ?? false,
 })
 
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 6da6754..fce875e 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -10,6 +10,7 @@ import http from "@/utils/request";
 import { encryptPassword } from "./EncryptPassword";
 import useClipboard from "vue-clipboard3";
 import router from "@/router";
+import store from "./store";  
 
 //一言
 const hitokoto = ref("");
@@ -220,4 +221,9 @@ function GetObjUrl(obj: string) {
   return "";
 }
 
-export { hitokoto, FormatTime, webvpn, WebvpnVerify, WebvpnVerify2, Clip, GetObjName, GetObjUrl };
+// 获取屏蔽用户id列表
+function GetBlockedUserIds(): number[] {
+  return store.blocked_users.map((x) => x.id);
+}
+
+export { hitokoto, FormatTime, webvpn, WebvpnVerify, WebvpnVerify2, Clip, GetObjName, GetObjUrl, GetBlockedUserIds };
diff --git a/src/views/CourseUpload.vue b/src/views/CourseUpload.vue
index 016856f..fef2aaa 100644
--- a/src/views/CourseUpload.vue
+++ b/src/views/CourseUpload.vue
@@ -22,7 +22,7 @@ const course = reactive({
   msg: ""
 })
 
-const is_removed = {};
+const is_removed:{ [key: string]: boolean } = {};
 function customRequest({
   file,
   onFinish,
diff --git a/src/views/Paper.vue b/src/views/Paper.vue
index 7992c2b..e57dde9 100644
--- a/src/views/Paper.vue
+++ b/src/views/Paper.vue
@@ -10,6 +10,7 @@ import router from '@/router';
 import http from '@/utils/request';
 import { FormatTime } from '@/utils/tools';
 import { onMounted, reactive } from 'vue';
+import store from '@/utils/store';
 
 const papers = reactive({
   search: "",
diff --git a/src/views/User.vue b/src/views/User.vue
index 31bc324..7920397 100644
--- a/src/views/User.vue
+++ b/src/views/User.vue
@@ -6,15 +6,34 @@
  * _(:з」∠)_
 -->
 <script setup lang="ts">
-import { FormatTime, OpenLink, hitokoto, setTitle } from '@/utils/tools';
-import http from '@/utils/request';
-import { onActivated, onMounted, onUnmounted, reactive, ref, watch } from 'vue';
-import { onBeforeRouteLeave, onBeforeRouteUpdate, routerKey, useRoute } from 'vue-router';
-import store from '@/utils/store';
-import { UploadFileInfo } from 'naive-ui';
-import { User } from '@/utils/types';
-import Avatar from '@/components/Avatar.vue';
-import { PostersStatus } from '@/components/Posters.vue';
+import {
+  FormatTime,
+  OpenLink,
+  hitokoto,
+  setTitle,
+  GetBlockedUserIds,
+} from "@/utils/tools";
+import http from "@/utils/request";
+import {
+  computed,
+  onActivated,
+  onMounted,
+  onUnmounted,
+  reactive,
+  ref,
+  watch,
+} from "vue";
+import {
+  onBeforeRouteLeave,
+  onBeforeRouteUpdate,
+  routerKey,
+  useRoute,
+} from "vue-router";
+import store from "@/utils/store";
+import { UploadFileInfo } from "naive-ui";
+import { User } from "@/utils/types";
+import Avatar from "@/components/Avatar.vue";
+import { PostersStatus } from "@/components/Posters.vue";
 
 const route = useRoute();
 
@@ -24,16 +43,26 @@ interface UserInfo {
   follower: boolean; // 是否关注我
   following_num: number; // 关注数量
   follower_num: number; // 粉丝数量
+  blocked: boolean; // 是否被屏蔽
   own: boolean; // 是否是自己
 }
 
+type BlockedUser = Pick<User, "id" | "nickname" | "avatar"> & {
+  identity?: User["identity"] | null;
+};
+
 const user_info = ref({} as UserInfo);
 function GetInfo(uid: any) {
-  http.get("/user/info/" + uid)
-    .then(res => {
-      user_info.value = res.data;
-      if (user_info.value.user.id) setTitle(user_info.value.user.nickname, "用户");
-    })
+  http.get("/user/info/" + uid).then((res) => {
+    user_info.value = res.data;
+    if (user_info.value.user.id)
+      setTitle(user_info.value.user.nickname, "用户");
+    user_info.value.blocked = GetBlockedUserIds().includes(
+      user_info.value.user.id
+    )
+      ? true
+      : false; // 是否被屏蔽
+  });
 }
 
 // 编辑信息
@@ -42,24 +71,44 @@ const edit_info = reactive({
   avatar_mid: "",
   avatar_url: "",
   nickname: "",
-  motto: ""
-})
+  motto: "",
+});
 
 // 上传头像用
 const upload_url = store.api_url + "/upload/image";
 const upload_head = {
-  'fake-cookie': store.fake_cookie
-}
+  "fake-cookie": store.fake_cookie,
+};
+
+const blocked_manager = reactive({
+  modal: false,
+});
+
+const blocked_users_json = computed(() =>
+  JSON.stringify(store.blocked_users, null, 2)
+);
 
-function UploadHandler({ file, event }: { file: UploadFileInfo, event: ProgressEvent }) {
-  let res = (event.target as XMLHttpRequest);
+function UploadHandler({
+  file,
+  event,
+}: {
+  file: UploadFileInfo;
+  event: ProgressEvent;
+}) {
+  let res = event.target as XMLHttpRequest;
   let data = JSON.parse(res.response);
   edit_info.avatar_mid = data.mid;
   edit_info.avatar_url = data.low_url;
   window.$message.success("上传成功OvO");
 }
 
-function UploadErrorHandler({ file, event }: { file: UploadFileInfo, event: ProgressEvent }) {
+function UploadErrorHandler({
+  file,
+  event,
+}: {
+  file: UploadFileInfo;
+  event: ProgressEvent;
+}) {
   let res = JSON.parse((event.target as XMLHttpRequest).response);
   if (res && res.msg) {
     window.$message.error(res.msg);
@@ -74,14 +123,16 @@ function OpenEditInfo() {
 }
 
 function EditInfo() {
-  http.put("/user/info", {
-    avatar_mid: edit_info.avatar_mid,
-    nickname: edit_info.nickname,
-    motto: edit_info.motto
-  }).then(() => {
-    GetInfo(route.params.id);
-    edit_info.modal = false;
-  })
+  http
+    .put("/user/info", {
+      avatar_mid: edit_info.avatar_mid,
+      nickname: edit_info.nickname,
+      motto: edit_info.motto,
+    })
+    .then(() => {
+      GetInfo(route.params.id);
+      edit_info.modal = false;
+    });
 }
 
 // 关注和取关操作
@@ -89,14 +140,21 @@ const follow_loading = ref(false);
 function Follow() {
   if (follow_loading.value) return;
   follow_loading.value = true;
-  http.post("/user/follow/" + user_info.value.user.id).then(res => {
-    user_info.value.following = res.data.following;
-    user_info.value.follower = res.data.follower;
-    user_info.value.following_num = res.data.following_num;
-    user_info.value.follower_num = res.data.follower_num;
-    window.$message.success(res.data.following ? "关注成功OvO" : "取关成功OvO");
-    follow_loading.value = false;
-  }).catch(() => { follow_loading.value = false; })
+  http
+    .post("/user/follow/" + user_info.value.user.id)
+    .then((res) => {
+      user_info.value.following = res.data.following;
+      user_info.value.follower = res.data.follower;
+      user_info.value.following_num = res.data.following_num;
+      user_info.value.follower_num = res.data.follower_num;
+      window.$message.success(
+        res.data.following ? "关注成功OvO" : "取关成功OvO"
+      );
+      follow_loading.value = false;
+    })
+    .catch(() => {
+      follow_loading.value = false;
+    });
 }
 
 const follows = reactive({
@@ -106,26 +164,31 @@ const follows = reactive({
   loading: false,
   end: false,
   page: 0,
-  list: [] as User[]
+  list: [] as User[],
 });
 
 function GetFollowList() {
   if (follows.loading) return;
   follows.loading = true;
-  http.get("/user/" + follows.type, {
-    params: {
-      page: follows.page
-    }
-  }).then(res => {
-    if (res.data.length == 0) follows.end = true;
-    follows.list = follows.list.concat(res.data);
-    follows.page++;
-    follows.loading = false;
-  }).catch(() => { follows.loading = false; })
+  http
+    .get("/user/" + follows.type, {
+      params: {
+        page: follows.page,
+      },
+    })
+    .then((res) => {
+      if (res.data.length == 0) follows.end = true;
+      follows.list = follows.list.concat(res.data);
+      follows.page++;
+      follows.loading = false;
+    })
+    .catch(() => {
+      follows.loading = false;
+    });
 }
 
 function ShowFollowingList() {
-  if (route.params.id != '0') {
+  if (route.params.id != "0") {
     window.$message.error("只能查看自己的关注列表Orz");
     return;
   }
@@ -140,7 +203,7 @@ function ShowFollowingList() {
 
 const follower_list = ref([] as User[]);
 function ShowFollowerList() {
-  if (route.params.id != '0') {
+  if (route.params.id != "0") {
     window.$message.error("只能查看自己的粉丝列表Orz");
     return;
   }
@@ -153,24 +216,65 @@ function ShowFollowerList() {
   follows.modal = true;
 }
 
+// 屏蔽和解除屏蔽
+function Block() {
+  if (user_info.value.own) {
+    window.$message.error("为什么要屏蔽自己Orz");
+    return;
+  }
+  if (user_info.value.blocked) {
+    window.$message.error("该用户已被屏蔽OvO");
+    return;
+  } else {
+    store.blocked_users.push({
+      id: user_info.value.user.id,
+      nickname: user_info.value.user.nickname,
+      avatar: user_info.value.user.avatar,
+      identity: user_info.value.user.identity ?? null,
+    } as BlockedUser);
+    user_info.value.blocked = true;
+    window.$message.success("已屏蔽该用户OvO");
+  }
+}
+function Unblock(uid?: number, silent = false) {
+  const targetId = uid ?? user_info.value.user?.id;
+  const ids = GetBlockedUserIds();
+  if (!targetId || !ids.includes(targetId)) {
+    if (!silent) window.$message.error("该用户未被屏蔽OvO");
+    return false;
+  }
+  const index = store.blocked_users.findIndex(
+    (x: BlockedUser) => x.id === targetId
+  );
+  store.blocked_users.splice(index, 1);
+  if (user_info.value.user && user_info.value.user.id === targetId) {
+    user_info.value.blocked = false;
+  }
+  if (!silent) {
+    window.$message.success("已解除屏蔽OvO");
+  }
+  return true;
+}
+
+function OpenBlockedManager() {
+  blocked_manager.modal = true;
+}
+
 // 帖子
 const posters = ref({
-  mode: 'search',
+  mode: "search",
   search: "",
   order: "new",
-  uid: -1
-} as PostersStatus
-);
-
+  uid: -1,
+} as PostersStatus);
 
 // 切换视角
 function Switch() {
-  if (route.params.id == '0') {
-    OpenLink('/user/' + user_info.value.user.id);
+  if (route.params.id == "0") {
+    OpenLink("/user/" + user_info.value.user.id);
     window.$message.success("已切换到访客视角OvO");
-  }
-  else {
-    OpenLink('/user/0');
+  } else {
+    OpenLink("/user/0");
     window.$message.success("已切换到个人中心OvO");
   }
 }
@@ -178,72 +282,159 @@ function Switch() {
 onMounted(() => {
   GetInfo(route.params.id);
   posters.value.uid = Number(route.params.id);
-})
-
+});
 
 // 监听路由变化 重新加载数据
 const last_uid = ref(route.params.id);
-watch(() => route.params.id, () => {
-  if (!route.path.startsWith("/user/")) return;
-  if (last_uid.value == route.params.id && route.params.id != '0') return;
-  last_uid.value = route.params.id;
-  GetInfo(route.params.id);
-  posters.value.uid = Number(route.params.id);
-})
-
+watch(
+  () => route.params.id,
+  () => {
+    if (!route.path.startsWith("/user/")) return;
+    if (last_uid.value == route.params.id && route.params.id != "0") return;
+    last_uid.value = route.params.id;
+    GetInfo(route.params.id);
+    posters.value.uid = Number(route.params.id);
+  }
+);
 </script>
 
 <template>
   <div class="container">
     <n-card title="你好鸭ヾ(´▽｀))" v-if="user_info.user">
-      <div style="display: flex;justify-content: space-between;align-items: center;">
-        <div style="display: flex;align-items: center;">
+      <div
+        style="
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        "
+      >
+        <div style="display: flex; align-items: center">
           <div>
             <Avatar :user="user_info.user" round :size="42" preview />
           </div>
-          <span style="margin-left: 4px;">
-            <div style="font-size: 17px;">{{ user_info.user.nickname }}</div>
-            <div style="margin-top: -4px;">uid:{{ user_info.user.id }}</div>
+          <span style="margin-left: 4px">
+            <div style="font-size: 17px">{{ user_info.user.nickname }}</div>
+            <div style="margin-top: -4px">uid:{{ user_info.user.id }}</div>
           </span>
         </div>
-
-        <n-popconfirm v-if="user_info.following" @positive-click="Follow" :show-icon="false" positive-text="确定"
-          negative-text="取消">
-          <template #trigger>
-            <n-button :loading="follow_loading" :disabled="follow_loading">
-              {{ user_info.following ? (user_info.follower ? '已互粉' : '已关注') : '关注' }}
-            </n-button>
-          </template>
-          汝真取关耶？
-        </n-popconfirm>
-        <n-button v-else @click="Follow" :loading="follow_loading" :disabled="follow_loading">
-          {{ user_info.following ? (user_info.follower ? '已互粉' : '已关注') : '关注' }}
-        </n-button>
+        <div>
+          <n-popconfirm
+            v-if="user_info.following"
+            @positive-click="Follow"
+            :show-icon="false"
+            positive-text="确定"
+            negative-text="取消"
+          >
+            <template #trigger>
+              <n-button :loading="follow_loading" :disabled="follow_loading">
+                {{
+                  user_info.following
+                    ? user_info.follower
+                      ? "已互粉"
+                      : "已关注"
+                    : "关注"
+                }}
+              </n-button>
+            </template>
+            汝真取关耶？
+          </n-popconfirm>
+          <n-button
+            v-else
+            @click="Follow"
+            :loading="follow_loading"
+            :disabled="follow_loading"
+          >
+            {{
+              user_info.following
+                ? user_info.follower
+                  ? "已互粉"
+                  : "已关注"
+                : "关注"
+            }}
+          </n-button>
+          <span style="margin: 0 8px"></span>
+          <n-popconfirm
+            v-if="!user_info.blocked"
+            @positive-click="Block"
+            :show-icon="false"
+            positive-text="确定"
+            negative-text="取消"
+          >
+            <template #trigger>
+              <n-button>屏蔽</n-button>
+            </template>
+            真的要屏蔽嘛?
+          </n-popconfirm>
+          <n-button v-else @click="Unblock()">解除屏蔽</n-button>
+        </div>
       </div>
 
-
       <n-space>
-        <n-tag round :bordered="false" size="small"
-          :color="{ color: user_info.user.identity.color ? user_info.user.identity.color : 'var(--primary-color)', textColor: '#FFF' }">
+        <n-tag
+          round
+          :bordered="false"
+          size="small"
+          :color="{
+            color: user_info.user.identity.color
+              ? user_info.user.identity.color
+              : 'var(--primary-color)',
+            textColor: '#FFF',
+          }"
+        >
           {{ user_info.user.identity.text }}
         </n-tag>
-        <n-tag @click="ShowFollowingList" round :bordered="false" size="small"
-          :color="{ color: 'var(--primary-color)', textColor: '#FFF' }" style="cursor:pointer">
+        <n-tag
+          @click="ShowFollowingList"
+          round
+          :bordered="false"
+          size="small"
+          :color="{ color: 'var(--primary-color)', textColor: '#FFF' }"
+          style="cursor: pointer"
+        >
           {{ user_info.following_num }}关注
         </n-tag>
-        <n-tag @click="ShowFollowerList" round :bordered="false" size="small"
-          :color="{ color: 'var(--primary-color)', textColor: '#FFF' }" style="cursor:pointer">
+        <n-tag
+          @click="ShowFollowerList"
+          round
+          :bordered="false"
+          size="small"
+          :color="{ color: 'var(--primary-color)', textColor: '#FFF' }"
+          style="cursor: pointer"
+        >
           {{ user_info.follower_num }}粉丝
         </n-tag>
       </n-space>
 
-      <n-alert title="格言/简介" type="info" :show-icon="false" style="white-space:pre-wrap;margin-top: 14px;">
+      <n-alert
+        title="格言/简介"
+        type="info"
+        :show-icon="false"
+        style="white-space: pre-wrap; margin-top: 14px"
+      >
         {{ user_info.user.motto }}
       </n-alert>
-      <p style="color:var(--text-color-3);font-size:14px;">于 {{ FormatTime(user_info.user.create_time) }} 来到BIT101</p>
-      <n-button v-if="route.params.id == '0'" @click="OpenEditInfo" block>编辑信息</n-button>
-      <n-button v-if="user_info.own" @click="Switch" block style="margin-top: 8px;">{{
-        route.params.id == '0' ? '切换到访客视角' : '切换到个人中心' }}</n-button>
+      <p style="color: var(--text-color-3); font-size: 14px">
+        于 {{ FormatTime(user_info.user.create_time) }} 来到BIT101
+      </p>
+      <n-button v-if="route.params.id == '0'" @click="OpenEditInfo" block
+        >编辑信息</n-button
+      >
+      <n-button
+        v-if="route.params.id == '0' && user_info.own"
+        block
+        style="margin-top: 8px"
+        @click="OpenBlockedManager"
+        >屏蔽用户管理</n-button
+      >
+      <n-button
+        v-if="user_info.own"
+        @click="Switch"
+        block
+        style="margin-top: 8px"
+        >{{
+          route.params.id == "0" ? "切换到访客视角" : "切换到个人中心"
+        }}</n-button
+      >
     </n-card>
 
     <br />
@@ -253,44 +444,129 @@ watch(() => route.params.id, () => {
     <n-modal :show="edit_info.modal">
       <n-card style="width: 600px" title="编辑信息">
         <n-avatar size="large" round :src="edit_info.avatar_url" />
-        <n-upload :action="upload_url" :headers="upload_head" @finish="UploadHandler" @error="UploadErrorHandler"
-          :max="1">
+        <n-upload
+          :action="upload_url"
+          :headers="upload_head"
+          @finish="UploadHandler"
+          @error="UploadErrorHandler"
+          :max="1"
+        >
           <n-button block>上传头像</n-button>
         </n-upload>
 
-        <p style="margin-bottom: 0;">昵称</p>
+        <p style="margin-bottom: 0">昵称</p>
         <n-input v-model:value="edit_info.nickname" maxlength="24"></n-input>
 
-        <p style="margin-bottom: 0;">格言/简介</p>
-        <n-input v-model:value="edit_info.motto" type="textarea" maxlength="23333" show-count></n-input>
+        <p style="margin-bottom: 0">格言/简介</p>
+        <n-input
+          v-model:value="edit_info.motto"
+          type="textarea"
+          maxlength="23333"
+          show-count
+        ></n-input>
 
         <template #footer>
           <n-space>
             <n-button @click="EditInfo" type="success" ghost>提交</n-button>
-            <n-button @click="edit_info.modal = false" type="error" ghost>取消</n-button>
+            <n-button @click="edit_info.modal = false" type="error" ghost
+              >取消</n-button
+            >
           </n-space>
         </template>
       </n-card>
     </n-modal>
 
-    <n-modal v-model:show="follows.modal" preset="card" :title="follows.title" style="width:600px;">
-      <n-scrollbar style="max-height:75vh">
+    <n-modal
+      v-model:show="blocked_manager.modal"
+      preset="card"
+      title="屏蔽用户管理"
+      style="width: 640px"
+    >
+      <n-space vertical>
+        <n-alert type="info" :show-icon="false">
+          屏蔽数据目前保留在浏览器本地
+        </n-alert>
+        <n-divider style="color: var(--text-color-3); font-size: 14px"
+          >共屏蔽{{ store.blocked_users.length }}人</n-divider
+        >
+        <n-empty
+          v-if="store.blocked_users.length === 0"
+          description="暂无屏蔽用户"
+        />
+        <template v-else>
+          <n-space vertical>
+            <template v-for="user in store.blocked_users" :key="user.id">
+              <div
+                style="
+                  display: flex;
+                  justify-content: space-between;
+                  align-items: center;
+                "
+              >
+                <div
+                  style="display: flex; align-items: center; cursor: pointer"
+                  @click="OpenLink('/user/' + user.id)"
+                >
+                  <Avatar :user="user" :size="36" />
+                  <div style="margin-left: 8px">
+                    <div style="font-size: 16px">{{ user.nickname }}</div>
+                    <div style="margin-top: -2px; font-size: 14px">
+                      uid:{{ user.id }}
+                    </div>
+                  </div>
+                </div>
+                <n-button tertiary type="error" @click="Unblock(user.id)"
+                  >解除屏蔽</n-button
+                >
+              </div>
+              <n-divider style="margin: 4px 0" />
+            </template>
+          </n-space>
+        </template>
+      </n-space>
+    </n-modal>
+
+    <n-modal
+      v-model:show="follows.modal"
+      preset="card"
+      :title="follows.title"
+      style="width: 600px"
+    >
+      <n-scrollbar style="max-height: 75vh">
         <n-space vertical>
           <template v-for="user in follows.list">
-            <div style="display:flex;align-items:center;cursor:pointer" @click="follows.modal=false;OpenLink('/user/' + user.id);">
+            <div
+              style="display: flex; align-items: center; cursor: pointer"
+              @click="
+                follows.modal = false;
+                OpenLink('/user/' + user.id);
+              "
+            >
               <Avatar :user="user" :size="36" />
-              <div style="margin-left: 4px;">
-                <div style="font-size: 16px;margin-top:-4px;">{{ user.nickname }}</div>
-                <div style="margin-top: -4px;font-size:14px;">uid:{{ user.id }}</div>
+              <div style="margin-left: 4px">
+                <div style="font-size: 16px; margin-top: -4px">
+                  {{ user.nickname }}
+                </div>
+                <div style="margin-top: -4px; font-size: 14px">
+                  uid:{{ user.id }}
+                </div>
               </div>
             </div>
-            <n-divider style="margin:0px;"></n-divider>
+            <n-divider style="margin: 0px"></n-divider>
           </template>
         </n-space>
-        <n-divider style="color:var(--text-color-3);font-size:14px;">已加载{{ follows.list.length }}条</n-divider>
-        <n-button block @click="GetFollowList" :disabled="follows.end" :loading="follows.loading">
-          {{ follows.end ? '木有更多了' : '加载更多' }}</n-button>
+        <n-divider style="color: var(--text-color-3); font-size: 14px"
+          >已加载{{ follows.list.length }}条</n-divider
+        >
+        <n-button
+          block
+          @click="GetFollowList"
+          :disabled="follows.end"
+          :loading="follows.loading"
+        >
+          {{ follows.end ? "木有更多了" : "加载更多" }}</n-button
+        >
       </n-scrollbar>
     </n-modal>
   </div>
-</template>
\ No newline at end of file
+</template>