diff --git a/composite-view/README.md b/composite-view/README.md
index 6f09630cf..d8c3640b8 100644
--- a/composite-view/README.md
+++ b/composite-view/README.md
@@ -259,9 +259,9 @@ Here are two examples of the mock atomic subviews used in the composite:
 The results are as such:
 
 1) The user has put their name as `Tammy` in the request parameters and no preferences: 
-![alt text](etc/images/noparam.png)
+![alt text](./etc/images/noparam.png)
 2) The user has put their name as `Johnny` in the request parameters and has a preference for world, business, and science news:
-![alt text](etc/images/threeparams.png)
+![alt text](./etc/images/threeparams.png)
 
 The different subviews such as `worldNews.jsp`, `businessNews.jsp`, etc. are included conditionally
 based on the request parameters.
diff --git a/localization/zh/abstract-document/README.md b/localization/zh/abstract-document/README.md
index 195af9b55..2d9fc50d7 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](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-factory/README.md b/localization/zh/abstract-factory/README.md
index 64e86752d..59cf5980b 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](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/active-object/README.md b/localization/zh/active-object/README.md
index 0393995d1..1fad9331d 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](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/acyclic-visitor/README.md b/localization/zh/acyclic-visitor/README.md
index 04f534452..f885357d4 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](etc/acyclic-visitor.png "Acyclic Visitor")
+![alt text](./etc/acyclic-visitor.png "Acyclic Visitor")
 
 ## 适用性
 
diff --git a/localization/zh/adapter/README.md b/localization/zh/adapter/README.md
index f3061537f..2abebcbb3 100644
--- a/localization/zh/adapter/README.md
+++ b/localization/zh/adapter/README.md
@@ -91,7 +91,7 @@ captain.row();
 ```
 
 ## 类图
-![alt text](etc/adapter.urm.png "Adapter class diagram")
+![alt text](./etc/adapter.urm.png "Adapter class diagram")
 
 
 ## 应用
diff --git a/localization/zh/aggregator-microservices/README.md b/localization/zh/aggregator-microservices/README.md
index 2d6b722b0..01469be74 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](etc/aggregator-service.png "Aggregator Microservice")
+![alt text](./etc/aggregator-service.png "Aggregator Microservice")
 
 ## 适用性
 
diff --git a/localization/zh/ambassador/README.md b/localization/zh/ambassador/README.md
index 6873f19f3..a8d5bcbb5 100644
--- a/localization/zh/ambassador/README.md
+++ b/localization/zh/ambassador/README.md
@@ -164,7 +164,7 @@ Service result: -1
 
 ## 类图
 
-![alt text](etc/ambassador.urm.png "Ambassador class diagram")
+![alt text](./etc/ambassador.urm.png "Ambassador class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/api-gateway/README.md b/localization/zh/api-gateway/README.md
index 645073717..827effce2 100644
--- a/localization/zh/api-gateway/README.md
+++ b/localization/zh/api-gateway/README.md
@@ -120,7 +120,7 @@ public class ApiGateway {
 ```
 
 ## 类图
-![alt text](etc/api-gateway.png "API Gateway")
+![alt text](./etc/api-gateway.png "API Gateway")
 
 ## 适用性
 
diff --git a/localization/zh/async-method-invocation/README.md b/localization/zh/async-method-invocation/README.md
index bc05105b0..f2b5a3ee1 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](etc/async-method-invocation.png "Async Method Invocation")
+![alt text](./etc/async-method-invocation.png "Async Method Invocation")
 
 ## 适用性
 
diff --git a/localization/zh/balking/README.md b/localization/zh/balking/README.md
index 8da81127f..c92592580 100644
--- a/localization/zh/balking/README.md
+++ b/localization/zh/balking/README.md
@@ -108,7 +108,7 @@ public interface DelayProvider {
 
 ## 类图
 
-![alt text](etc/balking.png "Balking")
+![alt text](./etc/balking.png "Balking")
 
 ## 适用性
 
diff --git a/localization/zh/bridge/README.md b/localization/zh/bridge/README.md
index 0025fe86c..ba36f222a 100644
--- a/localization/zh/bridge/README.md
+++ b/localization/zh/bridge/README.md
@@ -181,7 +181,7 @@ hammer.unwield();
 
 ## 类图
 
-![alt text](etc/bridge.urm.png "Bridge class diagram")
+![alt text](./etc/bridge.urm.png "Bridge class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/builder/README.md b/localization/zh/builder/README.md
index f0a8d387f..b16d12dd3 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](etc/builder.urm.png "Builder class diagram")
+![alt text](./etc/builder.urm.png "Builder class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/business-delegate/README.md b/localization/zh/business-delegate/README.md
index e813ab92c..0f30fe76d 100644
--- a/localization/zh/business-delegate/README.md
+++ b/localization/zh/business-delegate/README.md
@@ -129,7 +129,7 @@ public class MobileClient {
 
 ## 类图
 
-![alt text](etc/business-delegate.urm.png "Business Delegate")
+![alt text](./etc/business-delegate.urm.png "Business Delegate")
 
 ## 相关模式
 
diff --git a/localization/zh/bytecode/README.md b/localization/zh/bytecode/README.md
index d6c355c3e..92d03f61f 100644
--- a/localization/zh/bytecode/README.md
+++ b/localization/zh/bytecode/README.md
@@ -211,7 +211,7 @@ public class VirtualMachine {
 
 ## 类图
 
-![alt text](etc/bytecode.urm.png "Bytecode class diagram")
+![alt text](./etc/bytecode.urm.png "Bytecode class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/caching/README.md b/localization/zh/caching/README.md
index 651eb4337..280f4b3ac 100644
--- a/localization/zh/caching/README.md
+++ b/localization/zh/caching/README.md
@@ -11,7 +11,7 @@ tags:
 为了避免昂贵的资源重新获取，方法是在资源使用后不立即释放资源。资源保留其身份，保留在某些快速访问的存储中，并被重新使用，以避免再次获取它们。
 
 ## 类图
-![alt text](etc/caching.png "Caching")
+![alt text](./etc/caching.png "Caching")
 
 ## 适用性
 在以下情况下使用缓存模式
diff --git a/localization/zh/callback/README.md b/localization/zh/callback/README.md
index 03f1a139b..686628836 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](etc/callback.png "Callback")
+![alt text](./etc/callback.png "Callback")
 
 ## 适用性
 使用回调模式当
diff --git a/localization/zh/chain/README.md b/localization/zh/chain/README.md
index a23318120..10e83579d 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](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/circuit-breaker/README.md b/localization/zh/circuit-breaker/README.md
index d127994d5..75760ad8e 100644
--- a/localization/zh/circuit-breaker/README.md
+++ b/localization/zh/circuit-breaker/README.md
@@ -37,7 +37,7 @@ remote calls.
 
 服务架构如下：
 
-![alt text](etc/ServiceDiagram.png "Service Diagram")
+![alt text](./etc/ServiceDiagram.png "Service Diagram")
 
 在代码方面，最终用户应用程序是：
 
@@ -278,7 +278,7 @@ public class DefaultCircuitBreaker implements CircuitBreaker {
 
 上述模式如何防止失败？ 让我们通过它实现的这个有限状态机来理解。
 
-![alt text](etc/StateDiagram.png "State Diagram")
+![alt text](./etc/StateDiagram.png "State Diagram")
 
 - 我们使用某些参数初始化断路器对象：`timeout`、`failureThreshold` 和 `retryTimePeriod`，这有助于确定 API 的弹性。
 - 最初，我们处于“关闭”状态，没有发生对 API 的远程调用。
@@ -288,7 +288,7 @@ public class DefaultCircuitBreaker implements CircuitBreaker {
 
 ## 类图
 
-![alt text](etc/circuit-breaker.urm.png "Circuit Breaker class diagram")
+![alt text](./etc/circuit-breaker.urm.png "Circuit Breaker class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/cloud-static-content-hosting/README.md b/localization/zh/cloud-static-content-hosting/README.md
index f88f7bf3d..428911a7e 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](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/collection-pipeline/README.md b/localization/zh/collection-pipeline/README.md
index 5acc734d3..b26d1b2c8 100644
--- a/localization/zh/collection-pipeline/README.md
+++ b/localization/zh/collection-pipeline/README.md
@@ -11,7 +11,7 @@ tags:
 在函数式编程中，可以通过一系列较小的模块化函数或操作来编排复杂的操作。这一系列函数被称为函数组合。当一个数据集合流经一个函数组合时，它就成为一个集合管道。函数组合和集合管道是函数式编程中经常使用的两种设计模式。
 
 ## 类图
-![alt text](etc/collection-pipeline.png "Collection Pipeline")
+![alt text](./etc/collection-pipeline.png "Collection Pipeline")
 
 ## 适用场景
 在以下场景适用集合管道模式：
diff --git a/localization/zh/command/README.md b/localization/zh/command/README.md
index 34f2f8403..cd95a569d 100644
--- a/localization/zh/command/README.md
+++ b/localization/zh/command/README.md
@@ -219,7 +219,7 @@ goblin.printStatus();
 ```
 
 ## 类图
-![alt text](etc/command.png "Command")
+![alt text](./etc/command.png "Command")
 
 ## 适用性
 使用命令模式当你想
diff --git a/localization/zh/composite-entity/README.md b/localization/zh/composite-entity/README.md
index e938047cd..608afbf0b 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](etc/composite_entity.urm.png "Composite Entity Pattern")
+![alt text](./etc/composite_entity.urm.png "Composite Entity Pattern")
 
 ## 适用场景
 
diff --git a/localization/zh/composite/README.md b/localization/zh/composite/README.md
index 9180c9303..0019869ec 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](etc/composite.urm.png "Composite class diagram")
+![alt text](./etc/composite.urm.png "Composite class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/converter/README.md b/localization/zh/converter/README.md
index 4d3815af0..edf5542ad 100644
--- a/localization/zh/converter/README.md
+++ b/localization/zh/converter/README.md
@@ -83,7 +83,7 @@ var user = userConverter.convertFromDto(dtoUser);
 
 ## 类图
 
-![alt text](etc/converter.png "Converter Pattern")
+![alt text](./etc/converter.png "Converter Pattern")
 
 ## 适用性
 
diff --git a/localization/zh/dao/README.md b/localization/zh/dao/README.md
index f660d1b28..e0a09fdc5 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](etc/dao.png "Data Access Object")
+![alt text](./etc/dao.png "Data Access Object")
 
 ## 适用性
 
diff --git a/localization/zh/data-bus/README.md b/localization/zh/data-bus/README.md
index 9e5a10711..032b13304 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](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-mapper/README.md b/localization/zh/data-mapper/README.md
index fa9230d5a..4fc087d80 100644
--- a/localization/zh/data-mapper/README.md
+++ b/localization/zh/data-mapper/README.md
@@ -10,7 +10,7 @@ tags:
 一个用于在持久化对象和数据库之间传输数据的映射器，同时保持它们之间和映射器本身的独立性。
 
 ## 类图
-![alt text](etc/data-mapper.png "Data Mapper")
+![alt text](./etc/data-mapper.png "Data Mapper")
 
 ## 适用场景
 数据映射器适用于以下场景：
diff --git a/localization/zh/data-transfer-object/README.md b/localization/zh/data-transfer-object/README.md
index d10b04e74..0e1860b86 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](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/decorator/README.md b/localization/zh/decorator/README.md
index 108c52281..8a42392c4 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](etc/decorator.urm.png "Decorator pattern class diagram")
+![alt text](./etc/decorator.urm.png "Decorator pattern class diagram")
 
 ## 适用性
 使用装饰者
diff --git a/localization/zh/delegation/README.md b/localization/zh/delegation/README.md
index de706a430..6b1810143 100644
--- a/localization/zh/delegation/README.md
+++ b/localization/zh/delegation/README.md
@@ -13,7 +13,7 @@ tags:
 它是一种让对象将某种行为向外部表达，但实际上将实现该行为的责任委托给关联对象的技术。
 
 ## 类图
-![alt text](etc/delegation.png "Delegate")
+![alt text](./etc/delegation.png "Delegate")
 
 ## 适用性
 使用委托模式以实现以下目的
diff --git a/localization/zh/dependency-injection/README.md b/localization/zh/dependency-injection/README.md
index 4f6a75593..4fb9ec7cc 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](etc/dependency-injection.png "Dependency Injection")
+![alt text](./etc/dependency-injection.png "Dependency Injection")
 
 ## 适用性
 
diff --git a/localization/zh/dirty-flag/README.md b/localization/zh/dirty-flag/README.md
index 0fef00308..f8f785a5c 100644
--- a/localization/zh/dirty-flag/README.md
+++ b/localization/zh/dirty-flag/README.md
@@ -14,7 +14,7 @@ tags:
 避免昂贵资源的重新获取。资源保留其身份，保留在某些快速访问的存储中，并被重新使用以避免再次获取它们。
 
 ## 类图
-![alt text](etc/dirty-flag.png "Dirty Flag")
+![alt text](./etc/dirty-flag.png "Dirty Flag")
 
 ## 适用性
 在以下情况下使用脏标志模式
diff --git a/localization/zh/double-checked-locking/README.md b/localization/zh/double-checked-locking/README.md
index f2adef220..8418991dc 100644
--- a/localization/zh/double-checked-locking/README.md
+++ b/localization/zh/double-checked-locking/README.md
@@ -10,7 +10,7 @@ tags:
 通过先测试锁定标准（"锁提示"）而不实际获取锁的方式来减少获取锁的开销。只有当锁定标准检查表明需要锁定时，才进行实际的锁定逻辑。
 
 ## 类图
-![alt text](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/facade/README.md b/localization/zh/facade/README.md
index c659b8f66..378ab01e2 100644
--- a/localization/zh/facade/README.md
+++ b/localization/zh/facade/README.md
@@ -186,7 +186,7 @@ facade.endDay();
 ```
 
 ## 类图
-![alt text](etc/facade.urm.png "Facade pattern class diagram")
+![alt text](./etc/facade.urm.png "Facade pattern class diagram")
 
 ## 适用性
 使用外观模式当
diff --git a/localization/zh/factory-kit/README.md b/localization/zh/factory-kit/README.md
index aef19d9a7..9faa96ba4 100644
--- a/localization/zh/factory-kit/README.md
+++ b/localization/zh/factory-kit/README.md
@@ -10,7 +10,7 @@ tags:
 使用分离的构建器和工厂接口来定义一个不可变内容的工厂。
 
 ## 类图
-![alt text](etc/factory-kit.png "Factory Kit")
+![alt text](./etc/factory-kit.png "Factory Kit")
 
 ## 适用场景
 工厂套件模式适用于与以下场景：
diff --git a/localization/zh/factory-method/README.md b/localization/zh/factory-method/README.md
index 81ef18457..a73e28270 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](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/README.md b/localization/zh/factory/README.md
index ec0c3a341..9325487f5 100644
--- a/localization/zh/factory/README.md
+++ b/localization/zh/factory/README.md
@@ -106,7 +106,7 @@ This is Ferrari.
 
 ## 类图
 
-![alt text](etc/factory.urm.png "Factory pattern class diagram")
+![alt text](./etc/factory.urm.png "Factory pattern class diagram")
 
 ## 适用场景
 
diff --git a/localization/zh/interpreter/README.md b/localization/zh/interpreter/README.md
index 802b3be13..b1cbf0a12 100644
--- a/localization/zh/interpreter/README.md
+++ b/localization/zh/interpreter/README.md
@@ -10,7 +10,7 @@ tags:
 给定一种语言，请定义其语法的表示形式，以及使用该表示形式来解释该语言中的句子的解释器。
 
 ## 类图
-![alt text](etc/interpreter_1.png "Interpreter")
+![alt text](./etc/interpreter_1.png "Interpreter")
 
 ## 适用性
 有一种要解释的语言时，请使用解释器模式，并且可以将语言中的语句表示为抽象语法树。解释器模式在以下情况下效果最佳
diff --git a/localization/zh/iterator/README.md b/localization/zh/iterator/README.md
index 2e12b2da3..a97267f4d 100644
--- a/localization/zh/iterator/README.md
+++ b/localization/zh/iterator/README.md
@@ -112,7 +112,7 @@ while (itemIterator.hasNext()) {
 ```
 
 ## 类图
-![alt text](etc/iterator_1.png "Iterator")
+![alt text](./etc/iterator_1.png "Iterator")
 
 ## 适用性
 以下情况使用迭代器模式
diff --git a/localization/zh/observer/README.md b/localization/zh/observer/README.md
index c37bf1fc2..013bc74a8 100644
--- a/localization/zh/observer/README.md
+++ b/localization/zh/observer/README.md
@@ -126,7 +126,7 @@ public class Weather {
 ```
 
 ## Class diagram
-![alt text](etc/observer.png "Observer")
+![alt text](./etc/observer.png "Observer")
 
 ## 应用
 在下面任何一种情况下都可以使用观察者模式
diff --git a/localization/zh/private-class-data/README.md b/localization/zh/private-class-data/README.md
index cdf635a15..2f3db9e7a 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](etc/private-class-data.png "Private Class Data")
+![alt text](./etc/private-class-data.png "Private Class Data")
 
 ## 适用性
 
diff --git a/localization/zh/producer-consumer/README.md b/localization/zh/producer-consumer/README.md
index dc276e11e..d26468566 100644
--- a/localization/zh/producer-consumer/README.md
+++ b/localization/zh/producer-consumer/README.md
@@ -10,7 +10,7 @@ tags:
 生产者消费者设计模式是一种经典的并发模式，通过将工作与执行工作任务分开来减少生产者与消费者之间的耦合。
 
 ## 类图
-![alt text](etc/producer-consumer.png "Producer Consumer")
+![alt text](./etc/producer-consumer.png "Producer Consumer")
 
 ## 适用性
 在以下情况下使用生产者消费者
diff --git a/localization/zh/proxy/README.md b/localization/zh/proxy/README.md
index 7a803aed7..acb328a42 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](etc/proxy.urm.png "Proxy pattern class diagram")
+![alt text](./etc/proxy.urm.png "Proxy pattern class diagram")
 
 ## 适用性
 
diff --git a/localization/zh/sharding/README.md b/localization/zh/sharding/README.md
index 9e6a3fa94..72a21c042 100644
--- a/localization/zh/sharding/README.md
+++ b/localization/zh/sharding/README.md
@@ -13,7 +13,7 @@ tags:
 一个分片本身就是一个数据存储（它可以包含许多不同类型的实体的数据），运行在作为存储节点的服务器上。
 
 ## 类图
-![alt text](etc/sharding.urm.png "Sharding pattern class diagram")
+![alt text](./etc/sharding.urm.png "Sharding pattern class diagram")
 
 ## 适用场景 
 这种设计模式提供了一下的好处：
diff --git a/localization/zh/state/README.md b/localization/zh/state/README.md
index 2defd6f7f..4d3770be1 100644
--- a/localization/zh/state/README.md
+++ b/localization/zh/state/README.md
@@ -132,7 +132,7 @@ public class Mammoth {
 ```
 
 ## 类图
-![alt text](etc/state_urm.png "State")
+![alt text](./etc/state_urm.png "State")
 
 ## 适用性
 
diff --git a/localization/zh/strategy/README.md b/localization/zh/strategy/README.md
index 2467cda0d..18081df5c 100644
--- a/localization/zh/strategy/README.md
+++ b/localization/zh/strategy/README.md
@@ -109,7 +109,7 @@ public class DragonSlayer {
 ```
 
 ## 类图
-![alt text](etc/strategy_urm.png "Strategy")
+![alt text](./etc/strategy_urm.png "Strategy")
 
 ## 应用
 使用策略模式当
diff --git a/localization/zh/template-method/README.md b/localization/zh/template-method/README.md
index ce9568eaa..ff0a4e5fb 100644
--- a/localization/zh/template-method/README.md
+++ b/localization/zh/template-method/README.md
@@ -116,7 +116,7 @@ public class HalflingThief {
 ```
 
 ## 类图
-![alt text](etc/template_method_urm.png "Template Method")
+![alt text](./etc/template_method_urm.png "Template Method")
 
 ## 适用性
 
diff --git a/localization/zh/version-number/README.md b/localization/zh/version-number/README.md
index 5faf854a5..baef79f9e 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](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/visitor/README.md b/localization/zh/visitor/README.md
index ce5284977..5f3131b85 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](etc/visitor_1.png "Visitor")
+![alt text](./etc/visitor_1.png "Visitor")
 
 ## 适用性
 
diff --git a/metadata-mapping/README.md b/metadata-mapping/README.md
index 4cea6b10f..dd91271d8 100644
--- a/metadata-mapping/README.md
+++ b/metadata-mapping/README.md
@@ -161,7 +161,7 @@ public class UserService {
 
 ## Class diagram
 
-![metamapping](etc/metamapping.png)
+![metamapping](./etc/metamapping.png)
 
 ## Applicability
 
diff --git a/unit-of-work/README.md b/unit-of-work/README.md
index 2e0e897de..09a684130 100644
--- a/unit-of-work/README.md
+++ b/unit-of-work/README.md
@@ -179,7 +179,7 @@ Here is the console output.
 
 ## Class diagram
 
-![alt text](etc/unit-of-work.urm.png "unit-of-work")
+![alt text](./etc/unit-of-work.urm.png "unit-of-work")
 
 ## Applicability