docs: update

Author: siam-ese

docs/en-US/hello-world.md

@@ -3,11 +3,11 @@
 
 To find extension icon on the chrome `Navbar` after we install **Clipsheet**.
 
-<img  src="/assets/en-US/hello-world/chrome_extensions_navbar.png" style="width: 280px; height: 420px; object-fit: contain;" />
+<img src="./assets/en-US/hello-world/chrome_extensions_navbar.png" style="width: 280px; height: 420px; object-fit: contain;" />
 
 And navigate to a webpage you're interested in and open **Clipsheet**. You will then see the main interface of **Clipsheet**.
 
-<img  src="/assets/en-US/hello-world/clipsheet_popup_detected_dropdown.png" style="width: 600px; height: 400px; object-fit: contain;" />
+<img src="./assets/en-US/hello-world/clipsheet_popup_detected_dropdown.png" style="width: 600px; height: 400px; object-fit: contain;" />
 
 You can see that **Clipsheet** has automatically detected the tables on this page. Browse through the list of tables to find the one with the data you need.
 
@@ -17,10 +17,10 @@ Click the `Quick Scraping` button.
 
 You will see a panel in top of left side on you browsing webpage
 
-<img  src="/assets/en-US/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
+<img src="./assets/en-US/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
 
 Click the `Confirm` button.
 
-<img  src="/assets/en-US/hello-world/clipsheet_success_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
+<img src="./assets/en-US/hello-world/clipsheet_success_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
 
 You have successfully scraped your first table with **Clipsheet**. You can view the scraped table data by clicking the `View Scraped Table Data` button.

docs/zh-CN/hello-world.md

@@ -2,11 +2,11 @@
 
 安装 **Clipsheet** 后，点击 Chrome `浏览器顶部工具栏` 上的扩展图标。
 
-<img  src="/assets/en-US/hello-world/chrome_extensions_navbar.png" style="width: 280px; height: 420px; object-fit: contain;" />
+<img src="./assets/en-US/hello-world/chrome_extensions_navbar.png" style="width: 280px; height: 420px; object-fit: contain;" />
 
 然后，导航到你感兴趣的网页并打开 **Clipsheet**。你将看到 **Clipsheet** 的主界面。
 
-<img  src="/assets/zh-CN/hello-world/clipsheet_popup_detected_dropdown.png" style="width: 600px; height: 400px; object-fit: contain;" />
+<img src="./assets/zh-CN/hello-world/clipsheet_popup_detected_dropdown.png" style="width: 600px; height: 400px; object-fit: contain;" />
 
 你会看到 **Clipsheet** 已自动检测到页面上的表格。浏览表格列表，找到你需要的数据表格。
 
@@ -16,10 +16,10 @@
 
 你会看到一个面板出现在网页左上角。
 
-<img  src="/assets/zh-CN/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
+<img src="./assets/zh-CN/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
 
 点击 `确认` 按钮。
 
-<img  src="/assets/zh-CN/hello-world/clipsheet_success_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
+<img src="./assets/zh-CN/hello-world/clipsheet_success_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
 
 你已经成功采集了第一个表格。点击 `查看采集的表格数据` 按钮查看采集的表格数据。