diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..624b86c
Binary files /dev/null and b/.DS_Store differ
diff --git a/notes/.DS_Store b/notes/.DS_Store
new file mode 100644
index 0000000..f5ac0d2
Binary files /dev/null and b/notes/.DS_Store differ
diff --git a/notes/helloshop/drawio.md b/notes/helloshop/drawio.md
new file mode 100644
index 0000000..c42d614
--- /dev/null
+++ b/notes/helloshop/drawio.md
@@ -0,0 +1,32 @@
+# 使用 Drawio 画架构图
+
+## 在线画图（几个域名）
+
+[Drawio](https://app.diagrams.net/)
+
+https://www.drawio.com
+
+## 桌面应用
+
+## Visual Studio Code 插件
+
+## 参考
+
+## 图形容器（容器缩放）
+
+## 浮动链接和固定链接
+
+## 流程动画
+
+## 对齐排版 
+
+## 潜入图像和在线图像，嵌入 svg 修改样式
+
+## 导出 svg 格式
+
+## 自定义动画
+
+## svgdata 插件
+
+
+