diff --git a/docs/java/77.md b/docs/java/77.md
index c653ef7e2f1d21950e17a5c55cd0c479adb98ef2..9f3dbe0be05797cb8f454d1cd248965907512209 100644
--- a/docs/java/77.md
+++ b/docs/java/77.md
@@ -211,7 +211,7 @@ JLabel lbl = new JLabel(icon);
 
 ![Favicon](img/96d48f5bf4125f3a9b03f7127a5394e1.jpg)
 
-Figure: Favicon
+图：Favicon
 
 
 
diff --git a/docs/java/87.md b/docs/java/87.md
index 2f2baa2df4e85568416220c5c5afd6b1ee5725b1..91d0fb1ed821eb2b70b0691230871958b0f2f02e 100644
--- a/docs/java/87.md
+++ b/docs/java/87.md
@@ -455,7 +455,7 @@ bottle
 
 ![NetBeans project structure](img/3895f90623674f2736ca580e8e1af076.jpg)
 
-Figure: NetBeans project structure
+图：NetBeans 项目结构
 
 
 
diff --git a/docs/js/61.md b/docs/js/61.md
index 65cd21c6d48f59ac332926e5f8d8baba25f32248..00a7ffaa518ec4f25d244a5e88ca836e00ff3470 100644
--- a/docs/js/61.md
+++ b/docs/js/61.md
@@ -187,7 +187,7 @@ $ firefox build/index.html
 
 ![Displaying data in Handsontable component](img/d90cf099505f108296a083bd38a2921f.jpg)
 
-Figure: Displaying data in Handsontable component
+图：在 Handsontable 组件中显示数据
 
 在本教程中，我们使用了 Handsontable 在 JavaScript 中创建数据网格。
 
diff --git a/docs/js/62.md b/docs/js/62.md
index 5157edea910a6dce1dee49aa18a43063e7cab24f..4f4c1a5db085d06209434b20afe5b2e0aefa3db2 100644
--- a/docs/js/62.md
+++ b/docs/js/62.md
@@ -61,7 +61,7 @@ const db = new PouchDB('mydb');
 
 ![Storage browser in Chrome](img/d9d2fc74157925037f4ec3c5cd1a03d0.jpg)
 
-Figure: Storage browser in Chrome
+图：Chrome 中的存储浏览器
 
 这是 Google Chrome 浏览器中的存储浏览器。 只要选项卡存在，数据就是持久的。
 
diff --git a/docs/js/71.md b/docs/js/71.md
index 4f3a4ea0e8a28aefb5dbd9d33757dcb5777dfd55..d049365bbadd3004485c187a7bb3b9075511b926 100644
--- a/docs/js/71.md
+++ b/docs/js/71.md
@@ -550,7 +550,7 @@ os.print(jsonObject.toString());
 
 ![Rendering JSON data from Servlet with Mustache](img/c0ec16dc5f9b237fdad7e91d36f9903c.jpg)
 
-Figure: Rendering JSON data from Servlet with Mustache
+图：使用 Mustache 从 Servlet 渲染JSON数据
 
 在本教程中，我们使用了 Mustache 模板引擎。
 
diff --git a/docs/js/77.md b/docs/js/77.md
index 86f0d43b6713c8290e0d00aaeed97ec900466ecc..ac7f32ac42093753b6228f1a05db9df03560f217 100644
--- a/docs/js/77.md
+++ b/docs/js/77.md
@@ -195,7 +195,7 @@ $ live-server --open=public
 
 ![Sample application](img/57db912941dbd7196168770c14e4e19e.jpg)
 
-Figure: Sample application
+图：示例应用程序
 
 在本教程中，我们使用了`node-sass`模块。 我们在一个简单的 Web 应用中使用了该模块，将其 SCSS 代码编译为 CSS 代码。
 
diff --git a/docs/js/78.md b/docs/js/78.md
index 2f7bdd5d64f4397a917bbe6b0b28221fe1e8e27f..c5afd0f3c1e9003337e4799d3983c66b6c8f2b0c 100644
--- a/docs/js/78.md
+++ b/docs/js/78.md
@@ -205,7 +205,7 @@ tags.forEach( tag => {
 
 ![Selecting elements with Document.querySelector](img/60f90c9b4b693616edc483794c812072.jpg)
 
-Figure: Selecting elements with Document.querySelector
+图：使用`Document.querySelector`选择元素
 
 在屏幕截图中，我们可以看到第一个`div`的背景色已更改。
 
diff --git a/docs/js/85.md b/docs/js/85.md
index 9877fbfdaa2b51b8e168ffa1887030f2fa57c551..4ad3bbd480fc9139f9bfdae308d3d5c598b80a1f 100644
--- a/docs/js/85.md
+++ b/docs/js/85.md
@@ -95,7 +95,7 @@ $(".mypanel").html(text);
 
 ![Reading JSON from URL with JQuery](img/0b5ffc7fb8d43910551afbeb6072ae53.jpg)
 
-Figure: Reading JSON from URL with JQuery
+图：使用 JQuery 从 URL 读取 JSON
 
 在图中，我们可以看到当前日期，时间和 Unix 时间。
 
diff --git a/docs/js/87.md b/docs/js/87.md
index 72c885d6413f242d531353dd2a80b035d77647f9..03f08942a06afce17c7f47efd57649061e766e48 100644
--- a/docs/js/87.md
+++ b/docs/js/87.md
@@ -14,7 +14,7 @@
 
 ![Source of a simple HTML document](img/7cbcd9407f5b9518a9367156f28aa6fc.jpg)
 
-Figure: Source of a simple HTML document
+图：一个简单的 HTML 文档的来源
 
 Web 浏览器使我们能够查看每个 HTML 文档的 HTML 源。 HTML 文档由两部分组成：头和正文。 HTML 元素以层次结构进行组织-HTML 标记具有其父代，子代和同级兄弟。
 
@@ -94,7 +94,7 @@ jquery-3.1.1.slim.min.js
 
 ![Brackets text editor](img/158c28d82f736c81b45b2a88a268f86c.jpg)
 
-Figure: Brackets text editor
+图：括号文本编辑器
 
 上图显示了一个在 Brackets 文本编辑器中使用 jQuery 的小型 HTML 文档。 Brackets 是用于 Web 开发的现代文本编辑器。 它是用 JavaScript 编写的。 它是专门为 Web 设计师和前端开发人员创建的。
 
@@ -154,7 +154,7 @@ $('body').append("<div>Simple jQuery example</div>");
 
 ![Developer console](img/b84a67dc3b70906781c46224372fa99c.jpg)
 
-Figure: Developer console
+图：开发人员控制台
 
 在控制台窗口中，我们可以看到从`console.log()`方法输出的错误消息。 它可用于评估 JavaScript 语句，检查和记录对象和属性。 在上图中，我们可以看到 jQuery `html()`方法的输出，该方法获取`<body>`元素的 HTML 代码。 输出显示在控制台窗口中。
 
@@ -171,7 +171,7 @@ Figure: Developer console
 
 ![Syntax error](img/13e291b7ee9b1abdb04dcdea7dd061b4.jpg)
 
-Figure: Syntax error
+图：语法错误
 
 在上图中，我们可以看到 jQuery 语法错误被捕获并显示在开发人员控制台窗口中。
 
@@ -294,7 +294,7 @@ $("li:odd").css("background-color", "gray");
 
 ![Selecting document elements](img/67a23693019a95844efe02376e07ace8.jpg)
 
-Figure: Selecting document elements
+图：选择文档元素
 
 在图中，我们可以看到列表周围的虚线边框和每隔一个列表元素的蓝色文本颜色。
 
@@ -525,7 +525,7 @@ $(".mypanel").mousemove(function(e) {
 
 ![Mouse move event](img/123e354f7ef6befeb7000499da46b45f.jpg)
 
-Figure: Mouse move event
+图：鼠标移动事件
 
 ## 事件来源
 
@@ -603,7 +603,7 @@ Figure: Mouse move event
 
 ![Event source](img/5106ab7c78d46520d40700c076f35e67.jpg)
 
-Figure: Event source
+图：事件源
 
 在图中，我们可以看到在按钮下方显示的消息中单击了哪个按钮。
 
@@ -1038,7 +1038,7 @@ public class MyServlet extends HttpServlet {
 
 ![jQuery asynchronous GET request](img/96c022e19638b542baf1856ce397d7d7.jpg)
 
-Figure: jQuery asynchronous GET request
+图：jQuery 异步 GET 请求
 
 单击按钮，该按钮旁边的日志记录元素中将显示一条消息。
 
diff --git a/docs/js/88.md b/docs/js/88.md
index 3caea52237cdb80f79cb48472c2f284694508ae7..e267cf68d6c9de22053768bf9525609949305504 100644
--- a/docs/js/88.md
+++ b/docs/js/88.md
@@ -164,7 +164,7 @@ chart.draw(data, options);
 
 ![Scatter chart](img/c330b2cd43ff72e7260d54a63b9d4265.jpg)
 
-Figure: Scatter chart
+图：散点图
 
 ## 折线图
 
@@ -252,7 +252,7 @@ var chart = new google.visualization.LineChart(document.getElementById('mychart'
 
 ![Line chart](img/e16a8f6670e5995ad300f2dc5df44863.jpg)
 
-Figure: Line chart
+图：折线图
 
 ## 饼形图
 
@@ -344,6 +344,6 @@ var chart = new google.visualization.PieChart(document.getElementById('chart_div
 
 ![Pie chart](img/e735bc3557f8ee50313fa05579535a17.jpg)
 
-Figure: Pie chart
+图：饼图
 
 在本教程中，我们使用 Google 图表库创建了散点图，折线图和饼图。
\ No newline at end of file
diff --git a/docs/kotlin/42.md b/docs/kotlin/42.md
index 818f4adaed1bc97de367296088363207172bb023..0d417507c22f3c79339937f3d5aa956e38b6fefd 100644
--- a/docs/kotlin/42.md
+++ b/docs/kotlin/42.md
@@ -221,7 +221,7 @@ gl.setVerticalGroup(gl.createSequentialGroup()
 
 ![Close button](img/7a0873bc4f1617af1e24fd3eb6394961.jpg)
 
-Figure: Close button
+图：关闭按钮
 
 ## Kotlin Swing `JLabel`
 
@@ -357,7 +357,7 @@ val labels = stdCols.map {
 
 ![Standard colours](img/49109a25eda05f257c7680c230b7475a.jpg)
 
-Figure: Standard colours
+图：标准颜色
 
 ## `JCheckBox`
 
diff --git a/docs/misc/26.md b/docs/misc/26.md
index f2bae8e2fa26685e8ee3126467fa70ce654ab82d..a20c86dfd3e38496f1ee09c2d6b4f836d828c9e0 100644
--- a/docs/misc/26.md
+++ b/docs/misc/26.md
@@ -30,7 +30,7 @@ NetBeans 包含一个用于创建 Vaadin 应用的插件。 我们转到工具/
 
 ![Vaadin new project](img/0e5f0468ec8ecc1365343248f00897a9.jpg)
 
-Figure: Vaadin new project
+图：Vaadin 新项目
 
 安装 Vaadin 插件后，NetBeans 中将出现一个新的 Vaadin 项目类别。 要创建一个新的 Vaadin 项目，我们转到`File / New Project / Vaadin`并选择`Vaadin Web Application Project`。
 
diff --git a/docs/py/25.md b/docs/py/25.md
index 2a0e7ae9e44e069b535c02bb95dc2c00efe879dd..44330627162b334ae071f0808b29f983fa3a805b 100644
--- a/docs/py/25.md
+++ b/docs/py/25.md
@@ -92,7 +92,7 @@ book.save("sample.xlsx")
 
 ![New file](img/46dc21c705f99657d756ea6ced587768.jpg)
 
-Figure: New file
+图：新文件
 
 ## OpenPyXL 写入单元格
 
@@ -244,7 +244,7 @@ $ ./read_cells.py
 
 ![Items](img/0a37bb76ecebbbab395c2cfdf903d43d.jpg)
 
-Figure: Items
+图：项目
 
 我们使用范围运算符读取数据。
 
@@ -656,7 +656,7 @@ Maximum column: 2
 
 ![Sheets](img/4bf58174c38e97e6f35cd58e9c9433d1.jpg)
 
-Figure: Sheets
+图：床单
 
 让我们有一张包含这三张纸的工作簿。
 
@@ -814,7 +814,7 @@ sheet.sheet_properties.tabColor = "0072BA"
 
 ![Background colour of a worksheet](img/267940254c695254cc2b315f33c1d587.jpg)
 
-Figure: Background colour of a worksheet
+图：工作表的背景色
 
 第三工作表的背景色已更改为某种蓝色。
 
@@ -876,7 +876,7 @@ cell.alignment = Alignment(horizontal='center', vertical='center')
 
 ![Merged cells](img/7b00cc20b247e6eabdfd52d679384005.jpg)
 
-Figure: Merged cells
+图：合并的单元格
 
 ## OpenPyXL 冻结窗格
 
@@ -984,7 +984,7 @@ cell.font = cell.font.copy(bold=True)
 
 ![Calculating the sum of values](img/330dc2c6f5e65fc37e8ed308b4c9405f.jpg)
 
-Figure: Calculating the sum of values
+图：计算值之和
 
 ## OpenPyXL 图像
 
@@ -1176,7 +1176,7 @@ sheet.add_chart(chart, "A8")
 
 ![Bar chart](img/3bf54c368a46a154e45200cfe08e019d.jpg)
 
-Figure: Bar chart
+图：条形图
 
 在本教程中，我们使用了 OpenPyXL 库。 我们已经从 Excel 文件中读取数据，并将数据写入 Excel 文件中。
 
diff --git a/docs/py/57.md b/docs/py/57.md
index 8e6d787c008880e551712f5b83e385fbe55d81e5..5fe8be9954e5b7ce65f076ce2519724adfc83bce 100644
--- a/docs/py/57.md
+++ b/docs/py/57.md
@@ -108,7 +108,7 @@ plt.show()
 
 ![Scatter chart](img/f23c0c655487b3ed5581942724428fa2.jpg)
 
-Figure: Scatter chart
+图：散点图
 
 ## 两个数据集
 
@@ -343,7 +343,7 @@ plt.axis('equal')
 
 ![Pie chart](img/5a9f0d609a8c5a7ba7a2262c3ab68a72.jpg)
 
-Figure: Pie chart
+图：饼图
 
 在本教程中，我们使用 Matplotlib 库创建了散点图，折线图，条形图和饼图。
 
diff --git a/docs/py/58.md b/docs/py/58.md
index 9f6b4250abf6fc22b5cb579bcad26baa2f760ac8..5cacf3901c28b3f49b603d2dd05d9dd87db8247f 100644
--- a/docs/py/58.md
+++ b/docs/py/58.md
@@ -522,7 +522,7 @@ idraw.text((10, 10), text, font=font)
 
 ![High Tatras](img/c1d6c16de2a83a7e5e8992355dd0cf29.jpg)
 
-Figure: High Tatras
+图：High Tatras
 
 在本教程中，我们使用了 Python Pillow 库。
 
diff --git a/docs/py/64.md b/docs/py/64.md
index 6760b159839444eb51b39e6e48a6612412957f83..de2c73898c206b3ce65f8cd8679ef23aa61ada8b 100644
--- a/docs/py/64.md
+++ b/docs/py/64.md
@@ -421,7 +421,7 @@ for i in vals:
 
 ![Animation along curve](img/a358e8c8049cef4fd02bc3385e49cedb.jpg)
 
-Figure: Animation along curve
+图：沿曲线的动画
 
 ## 图形视图框架中的`QPropertyAnimation`
 
diff --git a/docs/servlet/10.md b/docs/servlet/10.md
index f89f26869175e96eac8468b9b290ae53a285e7ab..ac704ff2546992ddfc931fde1cb54f2e84592795 100644
--- a/docs/servlet/10.md
+++ b/docs/servlet/10.md
@@ -272,7 +272,7 @@ Date: Fri, 24 Nov 2017 15:21:57 GMT
 
 ![Showing plain text in a browser](img/bf28f927dd26ca898ee5b02270d8061c.jpg)
 
-Figure: Showing plain text in a browser
+图：在浏览器中显示纯文本
 
 该图显示了 Opera 浏览器中的文本。
 
diff --git a/docs/servlet/15.md b/docs/servlet/15.md
index 76a7849ec3419faf3334418778f53d496749e71a..8a5d5a0d06c9ee51be9870c5911e7f7dacb4fbc5 100644
--- a/docs/servlet/15.md
+++ b/docs/servlet/15.md
@@ -375,7 +375,7 @@ $('#mybtn').click(function () {
 
 ![Java Servlet JQuery list example](img/53fa8136184436c310af204a127b8dfd.jpg)
 
-Figure: Java Servlet JQuery list example
+图：Java Servlet JQuery 列表示例
 
 在图中，我们可以看到 HTML 列表中的数据：城市及其人口。
 
diff --git a/docs/servlet/16.md b/docs/servlet/16.md
index 16bc017a4b2aba109a12cc6b2fe23a9884c1d39a..0b056a08b872b6842fba729ae04cd316d1ecc473 100644
--- a/docs/servlet/16.md
+++ b/docs/servlet/16.md
@@ -823,7 +823,7 @@ FreeMarker `#list`指令遍历`users`集合的所有元素。
 
 ![Users web application](img/ee293d8525f759cf682d04eb692d8475.jpg)
 
-Figure: Users web application
+图：用户 Web 应用程序
 
 在上面的屏幕截图中，我们可以看到用户列表。 该应用部署在 NetBeans 内置的 Tomcat 服务器上，该服务器正在侦听端口 8084。
 
diff --git a/docs/servlet/17.md b/docs/servlet/17.md
index 114f2fb654c8526be9d3d18c51f0907815737b56..794014dfb40cf9747c3d93661ed8133775b6c76e 100644
--- a/docs/servlet/17.md
+++ b/docs/servlet/17.md
@@ -394,7 +394,7 @@ try {
 
 ![jQuery Autocomplete](img/3a488f8e1b8ac213a9fd0590ff546c1d.jpg)
 
-Figure: jQuery Autocomplete
+图：jQuery 自动完成
 
 在本教程中，我们在 Java Web 应用中使用了 jQuery 自动补全。 自动补全组件正在显示有关可用错误名称的建议。 在我们的项目中，我们利用了 Jackson 和 Opencsv 库。
 
diff --git a/docs/servlet/2.md b/docs/servlet/2.md
index 93a81209ab4482d4b7a6b2ce61d82a2f92c419f4..3e0916bdd418e839bc7676d58dabdbfe19c4f74d 100644
--- a/docs/servlet/2.md
+++ b/docs/servlet/2.md
@@ -143,6 +143,6 @@ out.println(builder.toString());
 
 ![HttpServletMapping details](img/9e6fef8d18287911b771315a1e23e7e9.jpg)
 
-Figure: HttpServletMapping details
+图：`HttpServletMapping`详细信息
 
 在本教程中，我们展示了如何使用 Servlet 4.0 中引入的新`HttpServletMapping` API。 您可能也对相关教程感兴趣： [Java `FileInputStream`教程](/java/fileinputstream/)，[提供 Java Servlet](/articles/javaservlettext/) ， [Java Servlet 教程](/articles/javaservlet/)， [Java `ServletConfig`教程](/articles/javaservletconfig/)和 [Java 教程](/lang/java/)。
\ No newline at end of file
diff --git a/docs/servlet/20.md b/docs/servlet/20.md
index 81303f742a0afb223de69ab32fc8bacfe9d4a388..53cfbe9915231dae872c293dcf2b9a9cee9cabdf 100644
--- a/docs/servlet/20.md
+++ b/docs/servlet/20.md
@@ -254,7 +254,7 @@ jarray = SimpleJsonUtils.toJSON(rs);
 
 ![Displaying database data in a datagrid](img/f13708222bd4c70e638d6a4a7dfe1b5c.jpg)
 
-Figure: Displaying database data in a datagrid
+图：在数据网格中显示数据库数据
 
 在本文中，我们展示了如何在数据网格控件中显示 Derby 数据库中的数据库数据。 数据已使用 JSON 格式从数据库发送到 datagrid。
 
diff --git a/docs/servlet/25.md b/docs/servlet/25.md
index 96b232d93c9cc55713d8bbc2656f58c9a16f8732..5dc475ca5e7cddad2ffd9a159348fdfaed0c89fe 100644
--- a/docs/servlet/25.md
+++ b/docs/servlet/25.md
@@ -262,7 +262,7 @@ try (InputStream is = url.openStream();
 
 ![Java read web page](img/372dcaedb7027592796ff415f1f4fbc2.jpg)
 
-Figure: Java read web page
+图：Java 阅读网页
 
 在屏幕截图中，我们可以看到一个简单网页的内容。
 
diff --git a/docs/servlet/3.md b/docs/servlet/3.md
index 6e867df83ca53610581eadbef5edc0053894195e..f11766a1baa5a0405cd8e468ec54854d67ad9d56 100644
--- a/docs/servlet/3.md
+++ b/docs/servlet/3.md
@@ -642,7 +642,7 @@ String sql = "SELECT COUNT(Id) FROM Countries";
 
 ![Java Servlet Pagination](img/7cac51e476aad8356e68ca9ee6141676.jpg)
 
-Figure: Java Servlet Pagination
+图：Java Servlet 分页
 
 该示例显示了一个装有数据和分页系统的表。 当前选择的页面突出显示。
 
diff --git a/docs/servlet/9.md b/docs/servlet/9.md
index 9eefd57fbddde3b63be38b8ea9049f1d8cd9de41..8f860c2f307200c948255fd4578e4423b7b3cbd3 100644
--- a/docs/servlet/9.md
+++ b/docs/servlet/9.md
@@ -736,7 +736,7 @@ return dataMap;
 
 ![jsGrid component](img/7cfc528dc29ee4ecf7293504e8ec2a5c.jpg)
 
-Figure: jsGrid component
+图：jsGrid 组件
 
 在本教程中，我们使用了 jsGrid 组件。 我们已使用从 Derby 数据库检索的数据填充了该组件。 数据以 JSON 格式从数据库发送。
 
diff --git a/docs/spring-boot/29.md b/docs/spring-boot/29.md
index 73f12cec4ba87b4ca1c855d54dd6cc1e60fb4c9e..0870d95bb9a3fdad30504815414d9f375285808f 100644
--- a/docs/spring-boot/29.md
+++ b/docs/spring-boot/29.md
@@ -477,7 +477,7 @@ public class Application {
 
 ![Listing cars](img/74e743a7f06b797cdb784acb4ca151a2.jpg)
 
-Figure: Listing cars
+图：列出汽车
 
 该应用部署在内置的 Tomcat 服务器上，该服务器侦听端口 8080。
 
diff --git a/docs/spring-boot/32.md b/docs/spring-boot/32.md
index 24321dd751059d9611b7ec4eeec51a0ad0f8d6e8..a93f9c3f4b6dda3f2b74e2fe4dbfb6a0d298f153 100644
--- a/docs/spring-boot/32.md
+++ b/docs/spring-boot/32.md
@@ -515,7 +515,7 @@ public class Application {
 
 ![Listing cities](img/7cafbde7eead4ab76b1b59b8d149556b.jpg)
 
-Figure: Listing cities
+图：列出城市
 
 该应用部署在内置的 Tomcat 服务器上，该服务器侦听端口 8080。
 
diff --git a/docs/spring/34.md b/docs/spring/34.md
index 2b24ee98600ed71cf76698543266dfff12479243..3b8ce948ca22fc7f1266edf9b3590fa80174cee6 100644
--- a/docs/spring/34.md
+++ b/docs/spring/34.md
@@ -65,7 +65,7 @@ Spring `ApplicationContext`是用于为应用提供配置的中央接口。 `Cla
 
 ![Spring project structure in NetBeans](img/36b1b184e2201f8cb14e82733bcb4593.jpg)
 
-Figure: Spring project structure in NetBeans
+图：NetBeans 中的 Spring 项目结构
 
 在项目中，有四个文件：`Message.java`，`Application.java`，`my-beans.xml`和`pom.xml`。
 
diff --git a/docs/spring/37.md b/docs/spring/37.md
index 201c9faa103408b4efb2941da97c6f327393a7e0..cc846fef5293ff44b596317bda3fe99b921e8c13 100644
--- a/docs/spring/37.md
+++ b/docs/spring/37.md
@@ -530,7 +530,7 @@ public ModelAndView all() {
 
 ![Showing all cars](img/5cc5288295b40df918a58bfbe3677cdd.jpg)
 
-Figure: Showing all cars
+图：显示所有汽车
 
 MySQL 数据库中的数据显示在 Opera 浏览器中。