diff --git a/notes/pics/observer-intent.png b/notes/pics/observer-intent.png
new file mode 100644
index 00000000..2e123470
Binary files /dev/null and b/notes/pics/observer-intent.png differ
diff --git a/notes/pics/observer-run.png b/notes/pics/observer-run.png
new file mode 100644
index 00000000..5653ecdb
Binary files /dev/null and b/notes/pics/observer-run.png differ
diff --git a/notes/设计模式 - 观察者.md b/notes/设计模式 - 观察者.md
index 141c513c..4cc5f65f 100644
--- a/notes/设计模式 - 观察者.md
+++ b/notes/设计模式 - 观察者.md
@@ -6,7 +6,7 @@
主题(Subject)是被观察的对象,而其所有依赖者(Observer)称为观察者。
-
+
### Class Diagram
@@ -20,7 +20,7 @@
天气数据布告板会在天气信息发生改变时更新其内容,布告板有多个,并且在将来会继续增加。
-
+
```java
public interface Subject {
diff --git a/tools/diagram/src/observer-intent.svg b/tools/diagram/src/observer-intent.svg
new file mode 100644
index 00000000..f3f14cf8
--- /dev/null
+++ b/tools/diagram/src/observer-intent.svg
@@ -0,0 +1,58 @@
+
diff --git a/tools/diagram/src/observer-run.svg b/tools/diagram/src/observer-run.svg
new file mode 100644
index 00000000..f8941114
--- /dev/null
+++ b/tools/diagram/src/observer-run.svg
@@ -0,0 +1,55 @@
+