diff --git a/localization/zh/abstract-document/README.md b/localization/zh/abstract-document/README.md
index 7220aeec3..195af9b55 100644
--- a/localization/zh/abstract-document/README.md
+++ b/localization/zh/abstract-document/README.md
@@ -163,7 +163,7 @@ public class Car extends AbstractDocument implements HasModel, HasPrice, HasPart
 
 ## 类图
 
-![alt text](../../../abstract-document/etc/abstract-document.png "Abstract Document Traits and Domain")
+![alt text](etc/abstract-document.png "Abstract Document Traits and Domain")
 
 ## 适用性
 
diff --git a/localization/zh/abstract-document/etc/abstract-document.png b/localization/zh/abstract-document/etc/abstract-document.png
new file mode 100644
index 000000000..6bc0b29a4
Binary files /dev/null and b/localization/zh/abstract-document/etc/abstract-document.png differ
diff --git a/localization/zh/abstract-factory/README.md b/localization/zh/abstract-factory/README.md
index d42571726..64e86752d 100644
--- a/localization/zh/abstract-factory/README.md
+++ b/localization/zh/abstract-factory/README.md
@@ -165,7 +165,7 @@ public static void main(String[] args) {
 
 ## 类图
 
-![alt text](../../../abstract-factory/etc/abstract-factory.urm.png "Abstract Factory class diagram")
+![alt text](etc/abstract-factory.urm.png "Abstract Factory class diagram")
 
 
 ## 适用性
diff --git a/localization/zh/abstract-factory/etc/abstract-factory.urm.png b/localization/zh/abstract-factory/etc/abstract-factory.urm.png
new file mode 100644
index 000000000..836858a2c
Binary files /dev/null and b/localization/zh/abstract-factory/etc/abstract-factory.urm.png differ
diff --git a/localization/zh/active-object/README.md b/localization/zh/active-object/README.md
index aced9601f..0393995d1 100644
--- a/localization/zh/active-object/README.md
+++ b/localization/zh/active-object/README.md
@@ -119,4 +119,4 @@ public class Orc extends ActiveCreature {
 
 ## 类图
 
-![alt text](../../../active-object/etc/active-object.urm.png "Active Object class diagram")
+![alt text](etc/active-object.urm.png "Active Object class diagram")
diff --git a/localization/zh/active-object/etc/active-object.urm.png b/localization/zh/active-object/etc/active-object.urm.png
new file mode 100644
index 000000000..c14f66144
Binary files /dev/null and b/localization/zh/active-object/etc/active-object.urm.png differ
diff --git a/localization/zh/acyclic-visitor/README.md b/localization/zh/acyclic-visitor/README.md
index 2753cddd5..04f534452 100644
--- a/localization/zh/acyclic-visitor/README.md
+++ b/localization/zh/acyclic-visitor/README.md
@@ -120,7 +120,7 @@ public class ConfigureForUnixVisitor implements ZoomVisitor {
 
 ## 类图
 
-![alt text](../../../acyclic-visitor/etc/acyclic-visitor.png "Acyclic Visitor")
+![alt text](etc/acyclic-visitor.png "Acyclic Visitor")
 
 ## 适用性
 
diff --git a/localization/zh/acyclic-visitor/etc/acyclic-visitor.png b/localization/zh/acyclic-visitor/etc/acyclic-visitor.png
new file mode 100644
index 000000000..7b4df13d8
Binary files /dev/null and b/localization/zh/acyclic-visitor/etc/acyclic-visitor.png differ
diff --git a/localization/zh/adapter/README.md b/localization/zh/adapter/README.md
index 7bb3d71ba..f3061537f 100644
--- a/localization/zh/adapter/README.md
+++ b/localization/zh/adapter/README.md
@@ -91,7 +91,7 @@ captain.row();
 ```
 
 ## 类图
-![alt text](../../../adapter/etc/adapter.urm.png "Adapter class diagram")
+![alt text](etc/adapter.urm.png "Adapter class diagram")
 
 
 ## 应用
diff --git a/localization/zh/adapter/etc/adapter.urm.png b/localization/zh/adapter/etc/adapter.urm.png
new file mode 100644
index 000000000..341ad6769
Binary files /dev/null and b/localization/zh/adapter/etc/adapter.urm.png differ
diff --git a/localization/zh/aggregator-microservices/README.md b/localization/zh/aggregator-microservices/README.md
index 75bcedaa2..2d6b722b0 100644
--- a/localization/zh/aggregator-microservices/README.md
+++ b/localization/zh/aggregator-microservices/README.md
@@ -92,7 +92,7 @@ curl http://localhost:50004/product
 
 ## 类图
 
-![alt text](../../../aggregator-microservices/aggregator-service/etc/aggregator-service.png "Aggregator Microservice")
+![alt text](etc/aggregator-service.png "Aggregator Microservice")
 
 ## 适用性
 
diff --git a/localization/zh/aggregator-microservices/etc/aggregator-service.png b/localization/zh/aggregator-microservices/etc/aggregator-service.png
new file mode 100644
index 000000000..75ee82328
Binary files /dev/null and b/localization/zh/aggregator-microservices/etc/aggregator-service.png differ
diff --git a/localization/zh/ambassador/README.md b/localization/zh/ambassador/README.md
index 376e9c564..6873f19f3 100644
--- a/localization/zh/ambassador/README.md
+++ b/localization/zh/ambassador/README.md
@@ -164,7 +164,7 @@ Service result: -1
 
 ## 类图
 
-![alt text](../../../ambassador/etc/ambassador.urm.png "Ambassador class diagram")
+![alt text](etc/ambassador.urm.png "Ambassador class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/ambassador/etc/ambassador.urm.png b/localization/zh/ambassador/etc/ambassador.urm.png
new file mode 100644
index 000000000..9b50a02ad
Binary files /dev/null and b/localization/zh/ambassador/etc/ambassador.urm.png differ
diff --git a/localization/zh/api-gateway/README.md b/localization/zh/api-gateway/README.md
index 6cf7831a4..645073717 100644
--- a/localization/zh/api-gateway/README.md
+++ b/localization/zh/api-gateway/README.md
@@ -120,7 +120,7 @@ public class ApiGateway {
 ```
 
 ## 类图
-![alt text](../../../api-gateway/etc/api-gateway.png "API Gateway")
+![alt text](etc/api-gateway.png "API Gateway")
 
 ## 适用性
 
diff --git a/localization/zh/api-gateway/etc/api-gateway.png b/localization/zh/api-gateway/etc/api-gateway.png
new file mode 100644
index 000000000..bb3ec2e2e
Binary files /dev/null and b/localization/zh/api-gateway/etc/api-gateway.png differ
diff --git a/localization/zh/async-method-invocation/README.md b/localization/zh/async-method-invocation/README.md
index d34820614..bc05105b0 100644
--- a/localization/zh/async-method-invocation/README.md
+++ b/localization/zh/async-method-invocation/README.md
@@ -139,7 +139,7 @@ public static void main(String[] args) throws Exception {
 
 # 类图
 
-![alt text](../../../async-method-invocation/etc/async-method-invocation.png "Async Method Invocation")
+![alt text](etc/async-method-invocation.png "Async Method Invocation")
 
 ## 适用性
 
diff --git a/localization/zh/async-method-invocation/etc/async-method-invocation.png b/localization/zh/async-method-invocation/etc/async-method-invocation.png
new file mode 100644
index 000000000..764895d7a
Binary files /dev/null and b/localization/zh/async-method-invocation/etc/async-method-invocation.png differ
diff --git a/localization/zh/balking/README.md b/localization/zh/balking/README.md
index 6bcaa07fc..8da81127f 100644
--- a/localization/zh/balking/README.md
+++ b/localization/zh/balking/README.md
@@ -108,7 +108,7 @@ public interface DelayProvider {
 
 ## 类图
 
-![alt text](../../../balking/etc/balking.png "Balking")
+![alt text](etc/balking.png "Balking")
 
 ## 适用性
 
diff --git a/localization/zh/balking/etc/balking.png b/localization/zh/balking/etc/balking.png
new file mode 100644
index 000000000..f409eaacb
Binary files /dev/null and b/localization/zh/balking/etc/balking.png differ
diff --git a/localization/zh/bridge/README.md b/localization/zh/bridge/README.md
index da497495b..0025fe86c 100644
--- a/localization/zh/bridge/README.md
+++ b/localization/zh/bridge/README.md
@@ -181,7 +181,7 @@ hammer.unwield();
 
 ## 类图
 
-![alt text](../../../bridge/etc/bridge.urm.png "Bridge class diagram")
+![alt text](etc/bridge.urm.png "Bridge class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/bridge/etc/bridge.urm.png b/localization/zh/bridge/etc/bridge.urm.png
new file mode 100644
index 000000000..785585bf8
Binary files /dev/null and b/localization/zh/bridge/etc/bridge.urm.png differ
diff --git a/localization/zh/builder/README.md b/localization/zh/builder/README.md
index 2d6c51bde..f0a8d387f 100644
--- a/localization/zh/builder/README.md
+++ b/localization/zh/builder/README.md
@@ -111,7 +111,7 @@ var mage = new Hero.Builder(Profession.MAGE, "Riobard").withHairColor(HairColor.
 
 ## 类图
 
-![alt text](../../../builder/etc/builder.urm.png "Builder class diagram")
+![alt text](etc/builder.urm.png "Builder class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/builder/etc/builder.urm.png b/localization/zh/builder/etc/builder.urm.png
new file mode 100644
index 000000000..d77808d36
Binary files /dev/null and b/localization/zh/builder/etc/builder.urm.png differ
diff --git a/localization/zh/business-delegate/README.md b/localization/zh/business-delegate/README.md
index df66ff91a..e813ab92c 100644
--- a/localization/zh/business-delegate/README.md
+++ b/localization/zh/business-delegate/README.md
@@ -129,7 +129,7 @@ public class MobileClient {
 
 ## 类图
 
-![alt text](../../../business-delegate/etc/business-delegate.urm.png "Business Delegate")
+![alt text](etc/business-delegate.urm.png "Business Delegate")
 
 ## 相关模式
 
diff --git a/localization/zh/business-delegate/etc/business-delegate.urm.png b/localization/zh/business-delegate/etc/business-delegate.urm.png
new file mode 100644
index 000000000..4dca6c263
Binary files /dev/null and b/localization/zh/business-delegate/etc/business-delegate.urm.png differ
diff --git a/localization/zh/bytecode/README.md b/localization/zh/bytecode/README.md
index 567188ef5..d6c355c3e 100644
--- a/localization/zh/bytecode/README.md
+++ b/localization/zh/bytecode/README.md
@@ -211,7 +211,7 @@ public class VirtualMachine {
 
 ## 类图
 
-![alt text](../../../bytecode/etc/bytecode.urm.png "Bytecode class diagram")
+![alt text](etc/bytecode.urm.png "Bytecode class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/bytecode/etc/bytecode.urm.png b/localization/zh/bytecode/etc/bytecode.urm.png
new file mode 100644
index 000000000..51335fa0a
Binary files /dev/null and b/localization/zh/bytecode/etc/bytecode.urm.png differ
diff --git a/localization/zh/caching/README.md b/localization/zh/caching/README.md
index 1619ad792..651eb4337 100644
--- a/localization/zh/caching/README.md
+++ b/localization/zh/caching/README.md
@@ -11,7 +11,7 @@ tags:
 为了避免昂贵的资源重新获取，方法是在资源使用后不立即释放资源。资源保留其身份，保留在某些快速访问的存储中，并被重新使用，以避免再次获取它们。
 
 ## 类图
-![alt text](../../../caching/etc/caching.png "Caching")
+![alt text](etc/caching.png "Caching")
 
 ## 适用性
 在以下情况下使用缓存模式
diff --git a/localization/zh/caching/etc/caching.png b/localization/zh/caching/etc/caching.png
new file mode 100644
index 000000000..b6ed703ab
Binary files /dev/null and b/localization/zh/caching/etc/caching.png differ
diff --git a/localization/zh/callback/README.md b/localization/zh/callback/README.md
index 62ddf1487..03f1a139b 100644
--- a/localization/zh/callback/README.md
+++ b/localization/zh/callback/README.md
@@ -66,7 +66,7 @@ public final class SimpleTask extends Task {
     task.executeWith(() -> LOGGER.info("I'm done now."));
 ```
 ## 类图
-![alt text](../../../callback/etc/callback.png "Callback")
+![alt text](etc/callback.png "Callback")
 
 ## 适用性
 使用回调模式当
diff --git a/localization/zh/callback/etc/callback.png b/localization/zh/callback/etc/callback.png
new file mode 100644
index 000000000..7b499f79f
Binary files /dev/null and b/localization/zh/callback/etc/callback.png differ
diff --git a/localization/zh/chain/README.md b/localization/zh/chain/README.md
index bc0e9474a..a23318120 100644
--- a/localization/zh/chain/README.md
+++ b/localization/zh/chain/README.md
@@ -136,7 +136,7 @@ king.makeRequest(new Request(RequestType.COLLECT_TAX, "collect tax")); // Orc so
 ```
 
 ## 类图
-![alt text](../../../chain-of-responsibility/etc/chain-of-responsibility.urm.png "Chain of Responsibility class diagram")
+![alt text](etc/chain-of-responsibility.urm.png "Chain of Responsibility class diagram")
 
 ## 适用性
 使用责任链模式当
diff --git a/localization/zh/chain/etc/chain-of-responsibility.urm.png b/localization/zh/chain/etc/chain-of-responsibility.urm.png
new file mode 100644
index 000000000..c3a4c80ba
Binary files /dev/null and b/localization/zh/chain/etc/chain-of-responsibility.urm.png differ
diff --git a/localization/zh/circuit-breaker/etc/ServiceDiagram.png b/localization/zh/circuit-breaker/etc/ServiceDiagram.png
new file mode 100644
index 000000000..e69de29bb
diff --git a/localization/zh/circuit-breaker/etc/StateDiagram.png b/localization/zh/circuit-breaker/etc/StateDiagram.png
new file mode 100644
index 000000000..e69de29bb
diff --git a/localization/zh/circuit-breaker/etc/circuit-breaker.urm.png b/localization/zh/circuit-breaker/etc/circuit-breaker.urm.png
new file mode 100644
index 000000000..fc90318ec
Binary files /dev/null and b/localization/zh/circuit-breaker/etc/circuit-breaker.urm.png differ
diff --git a/localization/zh/cloud-static-content-hosting/README.md b/localization/zh/cloud-static-content-hosting/README.md
index da5ecc8bf..f88f7bf3d 100644
--- a/localization/zh/cloud-static-content-hosting/README.md
+++ b/localization/zh/cloud-static-content-hosting/README.md
@@ -27,7 +27,7 @@ tags:
 
 **示例**
 
-![alt text](../../../cloud-static-content-hosting/etc/static-content-hosting.png "Static Content Hosting")
+![alt text](etc/static-content-hosting.png "Static Content Hosting")
 
 在这个例子中我们使用AWS S3创建一个静态网站，并利用 AWS Cloudfront 在全球范围内分发内容。
 
diff --git a/localization/zh/cloud-static-content-hosting/etc/static-content-hosting.png b/localization/zh/cloud-static-content-hosting/etc/static-content-hosting.png
new file mode 100644
index 000000000..6e0baa95e
Binary files /dev/null and b/localization/zh/cloud-static-content-hosting/etc/static-content-hosting.png differ
diff --git a/localization/zh/collection-pipeline/README.md b/localization/zh/collection-pipeline/README.md
index b5448fcb6..5acc734d3 100644
--- a/localization/zh/collection-pipeline/README.md
+++ b/localization/zh/collection-pipeline/README.md
@@ -11,7 +11,7 @@ tags:
 在函数式编程中，可以通过一系列较小的模块化函数或操作来编排复杂的操作。这一系列函数被称为函数组合。当一个数据集合流经一个函数组合时，它就成为一个集合管道。函数组合和集合管道是函数式编程中经常使用的两种设计模式。
 
 ## 类图
-![alt text](../../../collection-pipeline/etc/collection-pipeline.png "Collection Pipeline")
+![alt text](etc/collection-pipeline.png "Collection Pipeline")
 
 ## 适用场景
 在以下场景适用集合管道模式：
diff --git a/localization/zh/collection-pipeline/etc/collection-pipeline.png b/localization/zh/collection-pipeline/etc/collection-pipeline.png
new file mode 100644
index 000000000..67d52629c
Binary files /dev/null and b/localization/zh/collection-pipeline/etc/collection-pipeline.png differ
diff --git a/localization/zh/command/README.md b/localization/zh/command/README.md
index 506e5b8b4..34f2f8403 100644
--- a/localization/zh/command/README.md
+++ b/localization/zh/command/README.md
@@ -219,7 +219,7 @@ goblin.printStatus();
 ```
 
 ## 类图
-![alt text](../../../command/etc/command.png "Command")
+![alt text](etc/command.png "Command")
 
 ## 适用性
 使用命令模式当你想
diff --git a/localization/zh/command/etc/command.png b/localization/zh/command/etc/command.png
new file mode 100644
index 000000000..0f026464e
Binary files /dev/null and b/localization/zh/command/etc/command.png differ
diff --git a/localization/zh/composite-entity/README.md b/localization/zh/composite-entity/README.md
index b1cc503a8..e938047cd 100644
--- a/localization/zh/composite-entity/README.md
+++ b/localization/zh/composite-entity/README.md
@@ -107,7 +107,7 @@ Arrays.stream(console.getData()).forEach(LOGGER::info);
 
 ## 类图
 
-![alt text](../../../composite-entity/etc/composite_entity.urm.png "Composite Entity Pattern")
+![alt text](etc/composite_entity.urm.png "Composite Entity Pattern")
 
 ## 适用场景
 
diff --git a/localization/zh/composite-entity/etc/composite_entity.urm.png b/localization/zh/composite-entity/etc/composite_entity.urm.png
new file mode 100644
index 000000000..d6c29a718
Binary files /dev/null and b/localization/zh/composite-entity/etc/composite_entity.urm.png differ
diff --git a/localization/zh/composite/README.md b/localization/zh/composite/README.md
index d0403c304..9180c9303 100644
--- a/localization/zh/composite/README.md
+++ b/localization/zh/composite/README.md
@@ -151,7 +151,7 @@ elfMessage.print(); // Much wind pours from your mouth.
 
 ## 类图
 
-![alt text](../../../composite/etc/composite.urm.png "Composite class diagram")
+![alt text](etc/composite.urm.png "Composite class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/composite/etc/composite.urm.png b/localization/zh/composite/etc/composite.urm.png
new file mode 100644
index 000000000..93c160f64
Binary files /dev/null and b/localization/zh/composite/etc/composite.urm.png differ
diff --git a/localization/zh/converter/README.md b/localization/zh/converter/README.md
index 84fdb33a5..4d3815af0 100644
--- a/localization/zh/converter/README.md
+++ b/localization/zh/converter/README.md
@@ -83,7 +83,7 @@ var user = userConverter.convertFromDto(dtoUser);
 
 ## 类图
 
-![alt text](../../../converter/etc/converter.png "Converter Pattern")
+![alt text](etc/converter.png "Converter Pattern")
 
 ## 适用性
 
diff --git a/localization/zh/converter/etc/converter.png b/localization/zh/converter/etc/converter.png
new file mode 100644
index 000000000..01435ef5a
Binary files /dev/null and b/localization/zh/converter/etc/converter.png differ
diff --git a/localization/zh/dao/README.md b/localization/zh/dao/README.md
index ddcede535..f660d1b28 100644
--- a/localization/zh/dao/README.md
+++ b/localization/zh/dao/README.md
@@ -146,7 +146,7 @@ customerDao.getAllCustomers(): java.util.stream.ReferencePipeline$Head@6ec8211c
 
 ## 类图
 
-![alt text](../../../dao/etc/dao.png "Data Access Object")
+![alt text](etc/dao.png "Data Access Object")
 
 ## 适用性
 
diff --git a/localization/zh/dao/etc/dao.png b/localization/zh/dao/etc/dao.png
new file mode 100644
index 000000000..452e72ba1
Binary files /dev/null and b/localization/zh/dao/etc/dao.png differ
diff --git a/localization/zh/data-bus/README.md b/localization/zh/data-bus/README.md
index 34270106f..9e5a10711 100644
--- a/localization/zh/data-bus/README.md
+++ b/localization/zh/data-bus/README.md
@@ -11,7 +11,7 @@ tags:
 数据总线模式（译者：实际上，就是 Event-Bus 消息总线模式）允许在一个应用程序的组件之间收发消息/事件，而不需要这些组件相互感知，它们只需要知道所发送/接收的消息/事件的类型即可。
 
 ## 类图
-![data bus pattern uml diagram](../../../data-bus/etc/data-bus.urm.png "Data Bus pattern")
+![data bus pattern uml diagram](etc/data-bus.urm.png "Data Bus pattern")
 
 ## 适用场景
 可以在以下场景使用数据总线模式：
diff --git a/localization/zh/data-bus/etc/data-bus.urm.png b/localization/zh/data-bus/etc/data-bus.urm.png
new file mode 100644
index 000000000..8bd214817
Binary files /dev/null and b/localization/zh/data-bus/etc/data-bus.urm.png differ
diff --git a/localization/zh/data-mapper/README.md b/localization/zh/data-mapper/README.md
index 4c35e690d..fa9230d5a 100644
--- a/localization/zh/data-mapper/README.md
+++ b/localization/zh/data-mapper/README.md
@@ -10,7 +10,7 @@ tags:
 一个用于在持久化对象和数据库之间传输数据的映射器，同时保持它们之间和映射器本身的独立性。
 
 ## 类图
-![alt text](../../../data-mapper/etc/data-mapper.png "Data Mapper")
+![alt text](etc/data-mapper.png "Data Mapper")
 
 ## 适用场景
 数据映射器适用于以下场景：
diff --git a/localization/zh/data-mapper/etc/data-mapper.png b/localization/zh/data-mapper/etc/data-mapper.png
new file mode 100644
index 000000000..bcda8054a
Binary files /dev/null and b/localization/zh/data-mapper/etc/data-mapper.png differ
diff --git a/localization/zh/data-transfer-object/README.md b/localization/zh/data-transfer-object/README.md
index b1416b03c..d10b04e74 100644
--- a/localization/zh/data-transfer-object/README.md
+++ b/localization/zh/data-transfer-object/README.md
@@ -91,7 +91,7 @@ public class CustomerResource {
 
 ## 类图
 
-![alt text](../../../data-transfer-object/etc/data-transfer-object.urm.png "data-transfer-object")
+![alt text](etc/data-transfer-object.urm.png "data-transfer-object")
 
 ## 适用性
 
diff --git a/localization/zh/data-transfer-object/etc/data-transfer-object.urm.png b/localization/zh/data-transfer-object/etc/data-transfer-object.urm.png
new file mode 100644
index 000000000..46facff8d
Binary files /dev/null and b/localization/zh/data-transfer-object/etc/data-transfer-object.urm.png differ
diff --git a/localization/zh/decorator/README.md b/localization/zh/decorator/README.md
index c40aafa79..108c52281 100644
--- a/localization/zh/decorator/README.md
+++ b/localization/zh/decorator/README.md
@@ -103,7 +103,7 @@ clubbedTroll.fleeBattle(); // The troll shrieks in horror and runs away!
 ```
 
 ## 类图
-![alt text](../../../decorator/etc/decorator.urm.png "Decorator pattern class diagram")
+![alt text](etc/decorator.urm.png "Decorator pattern class diagram")
 
 ## 适用性
 使用装饰者
diff --git a/localization/zh/decorator/etc/decorator.urm.png b/localization/zh/decorator/etc/decorator.urm.png
new file mode 100644
index 000000000..141c0563f
Binary files /dev/null and b/localization/zh/decorator/etc/decorator.urm.png differ
diff --git a/localization/zh/delegation/README.md b/localization/zh/delegation/README.md
index 4b15a8b65..de706a430 100644
--- a/localization/zh/delegation/README.md
+++ b/localization/zh/delegation/README.md
@@ -13,7 +13,7 @@ tags:
 它是一种让对象将某种行为向外部表达，但实际上将实现该行为的责任委托给关联对象的技术。
 
 ## 类图
-![alt text](../../../delegation/etc/delegation.png "Delegate")
+![alt text](etc/delegation.png "Delegate")
 
 ## 适用性
 使用委托模式以实现以下目的
diff --git a/localization/zh/delegation/etc/delegation.png b/localization/zh/delegation/etc/delegation.png
new file mode 100644
index 000000000..375ef4d6b
Binary files /dev/null and b/localization/zh/delegation/etc/delegation.png differ
diff --git a/localization/zh/dependency-injection/README.md b/localization/zh/dependency-injection/README.md
index 3d2016a76..4f6a75593 100644
--- a/localization/zh/dependency-injection/README.md
+++ b/localization/zh/dependency-injection/README.md
@@ -81,7 +81,7 @@ public class AdvancedWizard implements Wizard {
 
 ## 类图
 
-![alt text](../../../dependency-injection/etc/dependency-injection.png "Dependency Injection")
+![alt text](etc/dependency-injection.png "Dependency Injection")
 
 ## 适用性
 
diff --git a/localization/zh/dependency-injection/etc/dependency-injection.png b/localization/zh/dependency-injection/etc/dependency-injection.png
new file mode 100644
index 000000000..2a92c9eb2
Binary files /dev/null and b/localization/zh/dependency-injection/etc/dependency-injection.png differ
diff --git a/localization/zh/dirty-flag/README.md b/localization/zh/dirty-flag/README.md
index 4ace39293..0fef00308 100644
--- a/localization/zh/dirty-flag/README.md
+++ b/localization/zh/dirty-flag/README.md
@@ -14,7 +14,7 @@ tags:
 避免昂贵资源的重新获取。资源保留其身份，保留在某些快速访问的存储中，并被重新使用以避免再次获取它们。
 
 ## 类图
-![alt text](../../../dirty-flag/etc/dirty-flag.png "Dirty Flag")
+![alt text](etc/dirty-flag.png "Dirty Flag")
 
 ## 适用性
 在以下情况下使用脏标志模式
diff --git a/localization/zh/dirty-flag/etc/dirty-flag.png b/localization/zh/dirty-flag/etc/dirty-flag.png
new file mode 100644
index 000000000..98d4f679d
Binary files /dev/null and b/localization/zh/dirty-flag/etc/dirty-flag.png differ
diff --git a/localization/zh/double-checked-locking/README.md b/localization/zh/double-checked-locking/README.md
index ae3600163..f2adef220 100644
--- a/localization/zh/double-checked-locking/README.md
+++ b/localization/zh/double-checked-locking/README.md
@@ -10,7 +10,7 @@ tags:
 通过先测试锁定标准（"锁提示"）而不实际获取锁的方式来减少获取锁的开销。只有当锁定标准检查表明需要锁定时，才进行实际的锁定逻辑。
 
 ## 类图
-![alt text](../../../double-checked-locking/etc/double_checked_locking_1.png "Double Checked Locking")
+![alt text](etc/double_checked_locking_1.png "Double Checked Locking")
 
 ## 适用场景
 在以下场景适合使用双重锁检查模式：
diff --git a/localization/zh/double-checked-locking/etc/double_checked_locking_1.png b/localization/zh/double-checked-locking/etc/double_checked_locking_1.png
new file mode 100644
index 000000000..cced091b9
Binary files /dev/null and b/localization/zh/double-checked-locking/etc/double_checked_locking_1.png differ
diff --git a/localization/zh/facade/README.md b/localization/zh/facade/README.md
index e2f5463cc..c659b8f66 100644
--- a/localization/zh/facade/README.md
+++ b/localization/zh/facade/README.md
@@ -186,7 +186,7 @@ facade.endDay();
 ```
 
 ## 类图
-![alt text](../../../facade/etc/facade.urm.png "Facade pattern class diagram")
+![alt text](etc/facade.urm.png "Facade pattern class diagram")
 
 ## 适用性
 使用外观模式当
diff --git a/localization/zh/facade/etc/facade.urm.png b/localization/zh/facade/etc/facade.urm.png
new file mode 100644
index 000000000..8e3ec7aca
Binary files /dev/null and b/localization/zh/facade/etc/facade.urm.png differ
diff --git a/localization/zh/factory-kit/README.md b/localization/zh/factory-kit/README.md
index 44789d2a9..aef19d9a7 100644
--- a/localization/zh/factory-kit/README.md
+++ b/localization/zh/factory-kit/README.md
@@ -10,7 +10,7 @@ tags:
 使用分离的构建器和工厂接口来定义一个不可变内容的工厂。
 
 ## 类图
-![alt text](../../../factory-kit/etc/factory-kit.png "Factory Kit")
+![alt text](etc/factory-kit.png "Factory Kit")
 
 ## 适用场景
 工厂套件模式适用于与以下场景：
diff --git a/localization/zh/factory-kit/etc/factory-kit.png b/localization/zh/factory-kit/etc/factory-kit.png
new file mode 100644
index 000000000..7093193cb
Binary files /dev/null and b/localization/zh/factory-kit/etc/factory-kit.png differ
diff --git a/localization/zh/factory-method/README.md b/localization/zh/factory-method/README.md
index 37d7927d7..81ef18457 100644
--- a/localization/zh/factory-method/README.md
+++ b/localization/zh/factory-method/README.md
@@ -60,7 +60,7 @@ blacksmith.manufactureWeapon(WeaponType.AXE);
 ```
 
 ## 类图
-![alt text](../../../factory-method/etc/factory-method.urm.png "Factory Method pattern class diagram")
+![alt text](etc/factory-method.urm.png "Factory Method pattern class diagram")
 
 ## 适用性
 使用工厂方法模式当
diff --git a/localization/zh/factory-method/etc/factory-method.urm.png b/localization/zh/factory-method/etc/factory-method.urm.png
new file mode 100644
index 000000000..7c97aff91
Binary files /dev/null and b/localization/zh/factory-method/etc/factory-method.urm.png differ
diff --git a/localization/zh/factory/README.md b/localization/zh/factory/README.md
index 7c7b918d1..ec0c3a341 100644
--- a/localization/zh/factory/README.md
+++ b/localization/zh/factory/README.md
@@ -106,7 +106,7 @@ This is Ferrari.
 
 ## 类图
 
-![alt text](../../../factory/etc/factory.urm.png "Factory pattern class diagram")
+![alt text](etc/factory.urm.png "Factory pattern class diagram")
 
 ## 适用场景
 
diff --git a/localization/zh/factory/etc/factory.urm.png b/localization/zh/factory/etc/factory.urm.png
new file mode 100644
index 000000000..4b3420792
Binary files /dev/null and b/localization/zh/factory/etc/factory.urm.png differ
diff --git a/localization/zh/interpreter/README.md b/localization/zh/interpreter/README.md
index bd77c3f2e..802b3be13 100644
--- a/localization/zh/interpreter/README.md
+++ b/localization/zh/interpreter/README.md
@@ -10,7 +10,7 @@ tags:
 给定一种语言，请定义其语法的表示形式，以及使用该表示形式来解释该语言中的句子的解释器。
 
 ## 类图
-![alt text](../../../interpreter/etc/interpreter_1.png "Interpreter")
+![alt text](etc/interpreter_1.png "Interpreter")
 
 ## 适用性
 有一种要解释的语言时，请使用解释器模式，并且可以将语言中的语句表示为抽象语法树。解释器模式在以下情况下效果最佳
diff --git a/localization/zh/interpreter/etc/interpreter_1.png b/localization/zh/interpreter/etc/interpreter_1.png
new file mode 100644
index 000000000..f10342a1d
Binary files /dev/null and b/localization/zh/interpreter/etc/interpreter_1.png differ
diff --git a/localization/zh/iterator/README.md b/localization/zh/iterator/README.md
index d81a7b409..2e12b2da3 100644
--- a/localization/zh/iterator/README.md
+++ b/localization/zh/iterator/README.md
@@ -112,7 +112,7 @@ while (itemIterator.hasNext()) {
 ```
 
 ## 类图
-![alt text](../../../iterator/etc/iterator_1.png "Iterator")
+![alt text](etc/iterator_1.png "Iterator")
 
 ## 适用性
 以下情况使用迭代器模式
diff --git a/localization/zh/iterator/etc/iterator_1.png b/localization/zh/iterator/etc/iterator_1.png
new file mode 100644
index 000000000..d8313bc58
Binary files /dev/null and b/localization/zh/iterator/etc/iterator_1.png differ
diff --git a/localization/zh/observer/README.md b/localization/zh/observer/README.md
index 2068322e0..c37bf1fc2 100644
--- a/localization/zh/observer/README.md
+++ b/localization/zh/observer/README.md
@@ -126,7 +126,7 @@ public class Weather {
 ```
 
 ## Class diagram
-![alt text](../../../observer/etc/observer.png "Observer")
+![alt text](etc/observer.png "Observer")
 
 ## 应用
 在下面任何一种情况下都可以使用观察者模式
diff --git a/localization/zh/observer/etc/observer.png b/localization/zh/observer/etc/observer.png
new file mode 100644
index 000000000..f2ab0edfe
Binary files /dev/null and b/localization/zh/observer/etc/observer.png differ
diff --git a/localization/zh/private-class-data/README.md b/localization/zh/private-class-data/README.md
index e27059a62..cdf635a15 100644
--- a/localization/zh/private-class-data/README.md
+++ b/localization/zh/private-class-data/README.md
@@ -117,7 +117,7 @@ immutableStew.mix();  // Mixing the immutable stew we find: 2 potatoes, 4 carrot
 
 ## 类图
 
-![alt text](../../../private-class-data/etc/private-class-data.png "Private Class Data")
+![alt text](etc/private-class-data.png "Private Class Data")
 
 ## 适用性
 
diff --git a/localization/zh/private-class-data/etc/private-class-data.png b/localization/zh/private-class-data/etc/private-class-data.png
new file mode 100644
index 000000000..65c343a5f
Binary files /dev/null and b/localization/zh/private-class-data/etc/private-class-data.png differ
diff --git a/localization/zh/producer-consumer/README.md b/localization/zh/producer-consumer/README.md
index 6ea266ae8..dc276e11e 100644
--- a/localization/zh/producer-consumer/README.md
+++ b/localization/zh/producer-consumer/README.md
@@ -10,7 +10,7 @@ tags:
 生产者消费者设计模式是一种经典的并发模式，通过将工作与执行工作任务分开来减少生产者与消费者之间的耦合。
 
 ## 类图
-![alt text](../../../producer-consumer/etc/producer-consumer.png "Producer Consumer")
+![alt text](etc/producer-consumer.png "Producer Consumer")
 
 ## 适用性
 在以下情况下使用生产者消费者
diff --git a/localization/zh/producer-consumer/etc/producer-consumer.png b/localization/zh/producer-consumer/etc/producer-consumer.png
new file mode 100644
index 000000000..e8bc573b3
Binary files /dev/null and b/localization/zh/producer-consumer/etc/producer-consumer.png differ
diff --git a/localization/zh/proxy/README.md b/localization/zh/proxy/README.md
index c687a53fe..7a803aed7 100644
--- a/localization/zh/proxy/README.md
+++ b/localization/zh/proxy/README.md
@@ -120,7 +120,7 @@ Brown wizard is not allowed to enter!
 
 ## 类图
 
-![alt text](../../../proxy/etc/proxy.urm.png "Proxy pattern class diagram")
+![alt text](etc/proxy.urm.png "Proxy pattern class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/proxy/etc/proxy.urm.png b/localization/zh/proxy/etc/proxy.urm.png
new file mode 100644
index 000000000..a0c94fc7c
Binary files /dev/null and b/localization/zh/proxy/etc/proxy.urm.png differ
diff --git a/localization/zh/sharding/README.md b/localization/zh/sharding/README.md
index 491f5dc98..9e6a3fa94 100644
--- a/localization/zh/sharding/README.md
+++ b/localization/zh/sharding/README.md
@@ -13,7 +13,7 @@ tags:
 一个分片本身就是一个数据存储（它可以包含许多不同类型的实体的数据），运行在作为存储节点的服务器上。
 
 ## 类图
-![alt text](../../../sharding/etc/sharding.urm.png "Sharding pattern class diagram")
+![alt text](etc/sharding.urm.png "Sharding pattern class diagram")
 
 ## 适用场景 
 这种设计模式提供了一下的好处：
diff --git a/localization/zh/sharding/etc/sharding.urm.png b/localization/zh/sharding/etc/sharding.urm.png
new file mode 100644
index 000000000..e7f412af3
Binary files /dev/null and b/localization/zh/sharding/etc/sharding.urm.png differ
diff --git a/localization/zh/state/README.md b/localization/zh/state/README.md
index d166164e1..2defd6f7f 100644
--- a/localization/zh/state/README.md
+++ b/localization/zh/state/README.md
@@ -132,7 +132,7 @@ public class Mammoth {
 ```
 
 ## 类图
-![alt text](../../../state/etc/state_urm.png "State")
+![alt text](etc/state_urm.png "State")
 
 ## 适用性
 
diff --git a/localization/zh/state/etc/state_urm.png b/localization/zh/state/etc/state_urm.png
new file mode 100644
index 000000000..c2cf9f562
Binary files /dev/null and b/localization/zh/state/etc/state_urm.png differ
diff --git a/localization/zh/strategy/README.md b/localization/zh/strategy/README.md
index 2c24d76eb..2467cda0d 100644
--- a/localization/zh/strategy/README.md
+++ b/localization/zh/strategy/README.md
@@ -109,7 +109,7 @@ public class DragonSlayer {
 ```
 
 ## 类图
-![alt text](../../../strategy/etc/strategy_urm.png "Strategy")
+![alt text](etc/strategy_urm.png "Strategy")
 
 ## 应用
 使用策略模式当
diff --git a/localization/zh/strategy/etc/strategy_urm.png b/localization/zh/strategy/etc/strategy_urm.png
new file mode 100644
index 000000000..67d19acae
Binary files /dev/null and b/localization/zh/strategy/etc/strategy_urm.png differ
diff --git a/localization/zh/template-method/README.md b/localization/zh/template-method/README.md
index 7e1fa5430..ce9568eaa 100644
--- a/localization/zh/template-method/README.md
+++ b/localization/zh/template-method/README.md
@@ -116,7 +116,7 @@ public class HalflingThief {
 ```
 
 ## 类图
-![alt text](../../../template-method/etc/template_method_urm.png "Template Method")
+![alt text](etc/template_method_urm.png "Template Method")
 
 ## 适用性
 
diff --git a/localization/zh/template-method/etc/template_method_urm.png b/localization/zh/template-method/etc/template_method_urm.png
new file mode 100644
index 000000000..b7babccff
Binary files /dev/null and b/localization/zh/template-method/etc/template_method_urm.png differ
diff --git a/localization/zh/version-number/README.md b/localization/zh/version-number/README.md
index edbb56367..5faf854a5 100644
--- a/localization/zh/version-number/README.md
+++ b/localization/zh/version-number/README.md
@@ -128,7 +128,7 @@ Exception: Tried to update stale version 0 while actual version is 1
 
 ## 类图
 
-![alt text](../../../version-number/etc/version-number.urm.png "Version Number pattern class diagram")
+![alt text](etc/version-number.urm.png "Version Number pattern class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/version-number/etc/version-number.urm.png b/localization/zh/version-number/etc/version-number.urm.png
new file mode 100644
index 000000000..95a5819b4
Binary files /dev/null and b/localization/zh/version-number/etc/version-number.urm.png differ
diff --git a/localization/zh/visitor/README.md b/localization/zh/visitor/README.md
index 48e5c9c02..ce5284977 100644
--- a/localization/zh/visitor/README.md
+++ b/localization/zh/visitor/README.md
@@ -198,7 +198,7 @@ Good to see you commander
 
 ## Class diagram
 
-![alt text](../../../visitor/etc/visitor_1.png "Visitor")
+![alt text](etc/visitor_1.png "Visitor")
 
 ## 适用性
 
diff --git a/localization/zh/visitor/etc/visitor_1.png b/localization/zh/visitor/etc/visitor_1.png
new file mode 100644
index 000000000..de5285d7f
Binary files /dev/null and b/localization/zh/visitor/etc/visitor_1.png differ