diff --git a/.gitignore b/.gitignore
index 22fae4c..03df2cc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
 test.html
 .vscode/
+.DS_Store
+
diff --git a/README.md b/README.md
index 143e797..e26b974 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,16 @@
-# Fugu
+<div>
+<h1 align="center">
+  Fugu
+  </h1>
+</div>
+
+<div align="center">
+<p><strong>Fugu</strong>是基于<a href="https://github.com/YiNNx/typora-theme-lapis">YiNNx/typora-theme-lapis</a>的一款<strong>Typora</strong>主题。</p>
+</div>
+
+<img src="./README.assets/image-20240322220055387.png" alt="image-20240322220055387" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
 
-`Fugu`是基于[YiNNx/typora-theme-lapis ](https://github.com/YiNNx/typora-theme-lapis)的一款`Typora`主题。
 
-<img src="./README.assets/image-20240322220055387.png" alt="image-20240322220055387" style="width: 90%;" />
 
 
 
@@ -24,44 +32,60 @@
 
 下载后将`fugu.css`和`fugu`文件夹放到主题目录下，即可启用。
 
-> `fugu.css`为主题，`fugu`文件夹下主要是字体。
+> fugu.css 为主题，fugu 文件夹下主要是字体。
+
+
 
 ## 预览
 
 ### 标题
 
-![image-20240322214551913](./README.assets/image-20240322214551913.png)
+<img src="./README.assets/image-20240322214551913.png" alt="image-20240322214551913" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
 
 
 
 ### 分割线
 
-![image-20240322214612276](./README.assets/image-20240322214612276.png)
+<img src="./README.assets/image-20240322214612276.png" alt="image-20240322214612276" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
+
+
 
 ### 强调
 
-![image-20240322214639409](./README.assets/image-20240322214639409.png)
+<img src="./README.assets/image-20240322214639409.png" alt="image-20240322214639409" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
+
+
 
 ### 引用块
 
-![image-20240322214704105](./README.assets/image-20240322214704105.png)
+<img src="./README.assets/image-20240322214704105.png" alt="image-20240322214704105" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
+
+
 
 ### 列表
 
-![image-20240322214726002](./README.assets/image-20240322214726002.png)
+<img src="./README.assets/image-20240322214726002.png" alt="image-20240322214726002" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
+
+
 
 ### 代码
 
-![image-20240322214854220](./README.assets/image-20240322214854220.png)
+<img src="./README.assets/image-20240322214854220.png" alt="image-20240322214854220" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
+
+
 
 ### 表格
 
-![image-20240322214927419](./README.assets/image-20240322214927419.png)
+<img src="./README.assets/image-20240322214927419.png" alt="image-20240322214927419"  style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
+
+
 
 ### 链接
 
-![image-20240322215000805](./README.assets/image-20240322215000805.png)
+<img src="./README.assets/image-20240322215000805.png" alt="image-20240322215000805"  style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
+
+
 
 ### 插件支持
 
-![image-20240322215112732](./README.assets/image-20240322215112732.png)
\ No newline at end of file
+<img src="/Users/lzy/workspace/web/typora-theme-Fugu/README.assets/image-20240322215112732.png" alt="image-20240322215112732" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />