diff --git a/docs/assets/css/extra.css b/docs/assets/css/extra.css
index 782a57ec..21715a45 100644
--- a/docs/assets/css/extra.css
+++ b/docs/assets/css/extra.css
@@ -183,6 +183,16 @@ md-footer__inner md-grid {
     --md-code-hl-function-color: #c973d9;
 }
 
+/* 代码字体 */
+@font-face {
+    font-family: "Longjf Nerd Font";
+    src: "../fonts/LONGJF-NF-REGULAR.OTF";
+}
+
+:root {
+    --md-code-font: "Longjf Nerd Font";
+}
+
 .typewriter {
     font-weight: bold;
     font-size: 32px;
diff --git a/docs/assets/fonts/LONGJF-NF-REGULAR.OTF b/docs/assets/fonts/LONGJF-NF-REGULAR.OTF
new file mode 100644
index 00000000..66bd7d1a
Binary files /dev/null and b/docs/assets/fonts/LONGJF-NF-REGULAR.OTF differ
diff --git a/docs/index.html b/docs/index.html
deleted file mode 100644
index e69de29b..00000000
diff --git a/docs/index.md b/docs/index.md
index cdfc5956..541db3ef 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -16,7 +16,7 @@ hide:
 这是博客首页，本站使用 mkdocs 建站，你也可以哦 <a href="https://squidfunk.github.io/mkdocs-material/">mkdocs for material</a>
 <br><br><br><br><br><br>
 
-<a style="border-radius: 15px;" class="md-button md-button--primary" href="https://971230.github.io/start/">
+<a style="border-radius: 15px;" class="md-button md-button--primary" href="开始阅读/">
 开始阅读 
 <img alt="📚" class="twemoji" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.0.3/assets/svg/1f4da.svg">
 </a>
diff --git "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/ArchLinux/Arch Linux\345\256\211\350\243\205.md" "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/ArchLinux/Arch Linux\345\256\211\350\243\205.md"
index 79b9c798..3526ad6b 100644
--- "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/ArchLinux/Arch Linux\345\256\211\350\243\205.md"	
+++ "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/ArchLinux/Arch Linux\345\256\211\350\243\205.md"	
@@ -38,7 +38,7 @@ description: 介绍一些Arch Linux的安装
 ip link
 ```
 
-![](..\img\ip_link.png)
+![](./img/ip_link.png)
 
 ​	这个是虚拟机里面的截图，没有真实的网卡，而且虚拟机还一进去就是联网的。一般的物理机子的网卡名字都是wlan0，放个图只是给个印象。要是搞不懂自己网卡的名字什么的，只能先搞清楚先，也可以iwctl里面device list看看。
 
@@ -94,7 +94,7 @@ sudo pacman -Syyu
 archinstall #要等一会加载，物理机还是快的
 ```
 
-![](..\img\archinstall.png)
+![](./img/archinstall.png)
 
 ​	等一会出来就是如上图的样子。然后就是设置好保存重启就行，虽然没有如其它的桌面Linux的图形化安装引导，但是archinstall已经让Arch Linux的安装变得简单了。
 
@@ -112,29 +112,29 @@ archinstall #要等一会加载，物理机还是快的
 
 ### Locales地区默认就行
 
-![](..\img\locales.png)
+![](./img/locales.png)
 
 ​	键盘布局一般都是选择美式键盘，英式键盘少一些；对应的地区就是美国，UTF-8国际化的编码
 
 ### 分区(Disk configuration)
 
-![](..\img\disk_config.png)
+![](./img/disk_config.png)
 
 #### 自动
 
 ​	第一个是自动分区(介绍使用了个best-effort，好不好因人而异，root区只有20G，对你的日常使用需求好不好，就要看情况了),下面的图是自动分区的样子，是一块致钛1TB的固态
 
-![](..\img\auto_partition_layout.png)
+![](./img/auto_partition_layout.png)
 
 #### 手动
 
 ​	第二个是手动分区，要自己手动分区就要先了解Linux的目录结构，哪些是必须的，哪些区的作用这些，不然其实默认的就行。选择Manual Partitioning。
 
-![](..\img\manual_partition.png)
+![](./img/manual_partition.png)
 
 这里之后就会出现你计算机上面的几块盘，选择你要安装arch的盘，进入
 
-![](..\img\new_partition.png)
+![](./img/new_partition.png)
 
 ​	第一个是创建新分区，第二个是使用建议的分区布局，其次确认加退出，最后是取消，要手动分区，之前的archinstall是不支持的，现在支持了但是我感觉也不好用。
 
@@ -144,11 +144,11 @@ archinstall #要等一会加载，物理机还是快的
 
 ​	之后就是选择扇区，开始在哪，结束在哪，挂载点什么的，这里没有相应的知识储备，可能会看不懂，需要额外学习。
 
-![](..\img\boot_partition_details.png)
+![](./img/boot_partition_details.png)
 
 ​	之后再按照同样的步骤创建出如下的分区。可别照搬照抄，盘的大小等，要根据自己的计算机实际情况定制，这个不大好做记录，而且这个工具在手动分区这里个人感觉真的不好用，**设置不了什么EFI、Swap这些**，大小都指定不了，指定不了就不能正常安装，会报分区错误，可能是我自己没有搞明白，真的建议要自己分区就命令行分区安装，之后自己在archinstall里面选择一下你的分区方案就行了。
 
-![](..\img\suggest_partition.png)
+![](./img/suggest_partition.png)
 
 第三个是使用已经分好的区。
 
@@ -186,15 +186,15 @@ TODO 自己分好区后在archinstall里面选择
 
 进入Type，选择Desktop，选择想要的桌面环境
 
-![](..\img\profiles_desktop_kde.png)
+![](./img/profiles_desktop_kde.png)
 
 确认后就会展示桌面环境要安装的包
 
-![](..\img\kde_packages.png)
+![](./img/kde_packages.png)
 
 同时显示显卡设置需求，按照需求选择，也可以先默认，安装完操作系统，之后再自己安装
 
-![](..\img\so_nvidia_fuck_you.png)
+![](./img/so_nvidia_fuck_you.png)
 
 ### Audio
 
@@ -204,19 +204,19 @@ TODO 自己分好区后在archinstall里面选择
 
 选择Linux内核，没有特殊需求就默认
 
-![](..\img\kernel.png)
+![](./img/kernel.png)
 
 ### 网络设置
 
 选择第二个，手动设置少一些
 
-![](..\img\net_config.png)
+![](./img/net_config.png)
 
 ### 时区
 
 进入 /shanghai 搜索出来选择即可
 
-![](..\img\timezone.png)
+![](./img/timezone.png)
 
 ### 时间同步
 
@@ -226,13 +226,13 @@ TODO 自己分好区后在archinstall里面选择
 
 可以选一下
 
-![](..\img\multilib.png)
+![](./img/multilib.png)
 
 ### 安装
 
 最后开始安装，要确认好每一个设置
 
-![](..\img\install.png)
+![](./img/install.png)
 
 点击后它会展示配置文件的每一项设置来供你确认，确认好就开始安装，[官方默认配置](https://archinstall.archlinux.page/installing/guided.html)
 
diff --git "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\347\275\221\347\253\231\346\211\200\346\234\211\346\240\267\345\274\217/demo.md" "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\347\275\221\347\253\231\346\211\200\346\234\211\346\240\267\345\274\217/demo.md"
index 879c9e12..f1b55fa0 100644
--- "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\347\275\221\347\253\231\346\211\200\346\234\211\346\240\267\345\274\217/demo.md"
+++ "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\347\275\221\347\253\231\346\211\200\346\234\211\346\240\267\345\274\217/demo.md"
@@ -58,9 +58,10 @@ status: new
 
 ------
 
-![图片的样式](..\img\pic_demo.jpg)
+![图片的样式](./img/pic_demo.jpg)
 
-[^这是一段脚注]: 这是一段脚注-不是很会使用脚注
+这是一个带有脚注的句子[^1]。
+[^1]: 这是一段脚注-不是很会使用脚注
 
 [链接引用]: 971230.github.com	"链接引用的标题"
 
@@ -321,7 +322,7 @@ $$ e^{i\pi} + 1 = 0 $$
 [这是一个大按钮](#){ .md-button .md-button--primary }
 
 -----
-[把鼠标放到这里](# https://example.com "就有一个提示信息"){ .md-button .md-button--primary }
+[把鼠标放到这里](https://example.com "就有一个提示信息"){ .md-button .md-button--primary }
 [把鼠标放到这里](https://example.com "就有一个提示信息")
 
 -----
diff --git "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\345\215\225\344\276\213\346\250\241\345\274\217.md" "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\345\215\225\344\276\213\346\250\241\345\274\217.md"
index fcef865c..900052f6 100644
--- "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\345\215\225\344\276\213\346\250\241\345\274\217.md"
+++ "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\345\215\225\344\276\213\346\250\241\345\274\217.md"
@@ -6,7 +6,7 @@ description: 单例模式
 
 # 单例模式
 
-![图片的样式](..\img\singleton-2x.png)
+![图片的样式](./img/singleton-2x.png)
 
 <P style="text-indent:2em;">
 单例模式的核心目的就是控制对象的创建，以达到特定对象的唯一性，实际业务中有很多都是要保证对象的不变性，
diff --git "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\347\255\226\347\225\245\346\250\241\345\274\217.md" "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\347\255\226\347\225\245\346\250\241\345\274\217.md"
index 97db5486..5fe2f54d 100644
--- "a/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\347\255\226\347\225\245\346\250\241\345\274\217.md"
+++ "b/docs/\345\274\200\345\247\213\351\230\205\350\257\273/\350\256\276\350\256\241\346\250\241\345\274\217/\347\255\226\347\225\245\346\250\241\345\274\217.md"
@@ -6,7 +6,7 @@ description: 介绍策略模式的三种使用方式
 
 # 策略模式
 
-![图片的样式](..\img\strategy-2x.png)
+![图片的样式](./img/strategy-2x.png)
 
 ## ❶单纯策略模式，没有结合其他设计模式
 <P style="text-indent:2em;">
diff --git a/mkdocs.yml b/mkdocs.yml
index 3b61778e..c10d0969 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -2,7 +2,6 @@ site_name: Loong的博客
 site_url: https://github.com/971230/971230.github.io
 site_author: long
 site_description: Loong的博客-高山仰止，景行行止
-version: 1.0.0
 copyright: Copyright &copy; 2024 longjf<br>本网站遵循 <u><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans">CC BY-NC-SA 4.0</a></u> 协议，若要使用本网站的资源，都需要遵守此许可协议条款
 theme:
   # 使用的网站主题
@@ -17,9 +16,7 @@ theme:
   logo: assets/images/favicon.png
   # 字体 --要CDN导入
   font:
-    # text: LXGW WenKai Screen # 字体是好字体，但是作为网站的字体可能不合适
     text: Open Sans
-    code: Inconsolata Bold
   # 黑白主题切换
   palette:
     - media: "(prefers-color-scheme: light)"
@@ -59,7 +56,7 @@ repo_url: https://github.com/squidfunk/mkdocs-material
 # 额外的css和CDN字体
 extra_css:
   - assets/css/extra.css
-  - https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css
+  # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css
 
 # 额外的字体
 extra_javascript:
@@ -166,6 +163,7 @@ nav:
       - 单例模式: 开始阅读/设计模式/单例模式.md
       - 模板方法模式: 开始阅读/设计模式/模板方法模式.md
       - 责任链模式: 开始阅读/设计模式/责任链模式.md
+      - 观察者模式: 开始阅读/设计模式/观察者模式.md
     - 数据库:
       - 开始阅读/数据库/index.md
       - Mysql笔记: 开始阅读/数据库/Mysql笔记.md