diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..10d51c6
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "livePreview.defaultPreviewPath": "/notes/helloshop/index.html"
+}
\ No newline at end of file
diff --git a/notes/helloshop/drawio.md b/notes/helloshop/drawio.md
index 51ef203..b2d6929 100644
--- a/notes/helloshop/drawio.md
+++ b/notes/helloshop/drawio.md
@@ -10,7 +10,7 @@ Drawio 是一个开源的画图工具，支持在线和桌面两种方式，支
 
 ## 画图入口
 
-[Drawio 官网](https://www.drawio.com){:target="_blank"}
+[Drawio 官网](https://www.drawio.com)
 
 [在线画图](https://www.drawio.com)
 
@@ -62,6 +62,15 @@ Drawio 是一个开源的画图工具，支持在线和桌面两种方式，支
 
 使用阿里图标库 iconfont 找图，可以下载 SVG 图像，然后嵌入到 Drawio 中，可以修改 SVG 图像的样式，但需要配置规则，如下代码。
 
+```xml
+<svg>
+    <style type="text/css">
+        .st1{fill:#ffffff;stroke:#ffffff;}
+    </style>
+    <path class="st1" d="points"/>
+</svg>
+```
+
 ```
 editableCssRules=.*;
 ```
@@ -83,7 +92,7 @@ editableCssRules=.*;
 定义一个简单的路径动画。
 
 ```xml
-<circle r="3.5" fill="#00AA9E">
+<circle r="3.5" fill="#00aa9e">
     <animateMotion dur="5s" repeatCount="indefinite" path="points"/>
 </circle>
 ```
@@ -99,6 +108,3 @@ editableCssRules=.*;
     </animateMotion>
 </circle>
 ```
-
-## svgdata 插件
-
diff --git a/notes/helloshop/logo.svg b/notes/helloshop/logo.svg
new file mode 100644
index 0000000..6a2acd3
--- /dev/null
+++ b/notes/helloshop/logo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd; clip-rule:evenodd" width="48" height="48" viewBox="0 0 60 60">
+                        <polygon class="g-fill-primary" points="56.14870071411133,9.169990539550781 42.863704681396484,3.4079971313476562 42.863704681396484,49.37999725341797 3.851299285888672,43.495994567871094 42.60969924926758,56.592002868652344 56.14870071411133,51.05199432373047"></polygon>
+                        <path class="g-fill-primary" d="m12.159003,13.396001l20.6316,0l0,28.1622l-20.6316,0l0,-28.1622zm4.0149,4.2168l12.6018,0l0,19.7286l-12.6018,0l0,-19.7286z"></path>
+                        <path style="fill:#ff3333" d="m36.927703,6.266001c2.3484,0 4.2534,1.905 4.2534,4.2534c0,2.3488 -1.905,4.2538 -4.2534,4.2538c-2.3488,0 -4.2538,-1.905 -4.2538,-4.2538c0,-2.3484 1.905,-4.2534 4.2538,-4.2534zm-0.0001,2.0131c1.237,0 2.2404,1.0034 2.2404,2.2404c0,1.2372 -1.0034,2.2406 -2.2404,2.2406c-1.2372,0 -2.2406,-1.0034 -2.2406,-2.2406c0,-1.237 1.0034,-2.2404 2.2406,-2.2404z"></path>
+                    </svg>
\ No newline at end of file
diff --git a/notes/helloshop/readme.md b/notes/helloshop/readme.md
index 14d4e6d..9223d1a 100644
--- a/notes/helloshop/readme.md
+++ b/notes/helloshop/readme.md
@@ -34,6 +34,8 @@ Visual Studio 2022、 .NET 8、C# 12.0、Aspire、ASP.NET Core，EF Core、WebAp
 
 ### 代码仓库
 
+<img src="" alt />
+
 国外仓库：[https://github.com/bit365/hello-shop](https://github.com/bit365/hello-shop){target="_blank"}
 
 国内仓库：[https://gitee.com/bit365/hello-shop](https://github.com/bit365/hello-shop){target="_blank"}
diff --git a/notes/helloshop/test.svg b/notes/helloshop/test.svg
new file mode 100644
index 0000000..ccf468c
--- /dev/null
+++ b/notes/helloshop/test.svg
@@ -0,0 +1,6 @@
+<svg>
+    <style type="text/css">
+        .st1{fill:#ffffff;stroke:#ffffff;}
+    </style>
+    <path class="st1" d="points"/>
+</svg>
\ No newline at end of file