Skip to content

Commit 69a34e1

Browse files
siam-esesiam-ese
committed
docs: update
1 parent f3d3e21 commit 69a34e1

12 files changed

+42
-42
lines changed

‎docs/en-US/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# Univer Clipsheet
22

3-
<img src="/assets/en-US/clipsheet_popup_home.png" style="width: 600px; height: 400px; object-fit: contain;"/>
3+
<img src="./assets/en-US/clipsheet_popup_home.png" style="width: 600px; height: 400px; object-fit: contain;"/>
44

55
Univer Clipsheet is a powerful Chrome extension for web scraping and data automation. It simplifies the process of extracting, organizing, and managing web data with powerful scraping capabilities and workflow integration.

‎docs/en-US/data-drill-down.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,24 @@
33

44
When a scraped table contains columns of the URL type, a **drill-down** icon will appear in the corresponding column.
55

6-
<img src="/assets/en-US/data-drill-down/column_drill_down_example.png" style="width: 280px; height: 500px; object-fit: contain;" />
6+
<img src="./assets/en-US/data-drill-down/column_drill_down_example.png" style="width: 280px; height: 500px; object-fit: contain;" />
77

88
## 5.1 Create Drill-down columns
99

1010
Clicking the button will navigate to the URL as a detail page.
1111

1212
As shown in the image below, you can select three highlighted blocks on the detail page. These selected blocks can be saved as your drill-down configuration for the URL column.
1313

14-
<img src="/assets/en-US/data-drill-down/drill_down_detail_page.png" style="width: 600px; height: 400px; object-fit: contain;" />
14+
<img src="./assets/en-US/data-drill-down/drill_down_detail_page.png" style="width: 600px; height: 400px; object-fit: contain;" />
1515

1616
Returning to the `Scraper` form, you will see the **drill-down**-down columns created beneath the URL column.
1717

18-
<img src="/assets/en-US/data-drill-down/table_drill_down_columns.png" style="width: 260px; height: 400px; object-fit: contain;" />
18+
<img src="./assets/en-US/data-drill-down/table_drill_down_columns.png" style="width: 260px; height: 400px; object-fit: contain;" />
1919

2020
## 5.2 Get Drill-down data
2121

2222
When you run the `Scraper` with drill-**drill-down** columns in the scraped table, it will automatically visit each URL in the URL column. For every visited URL, it will scrape the data based on the blocks you selected in the **drill-down**-down column configuration.
2323

2424
As shown in the picture below, You can see that Clipsheet has scraped the three **drill-down** columns we selected earlier.
2525

26-
<img src="/assets/en-US/data-drill-down/data_with_drill_down_columns.png" style="width: 800px; height: 380px; object-fit: contain;" />
26+
<img src="./assets/en-US/data-drill-down/data_with_drill_down_columns.png" style="width: 800px; height: 380px; object-fit: contain;" />

‎docs/en-US/data-management.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33

44
All scraped table data is displayed in the list under the `Data` tab.
55

6-
<img src="/assets/en-US/data-management/clipsheet_popup_data_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
6+
<img src="./assets/en-US/data-management/clipsheet_popup_data_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
77

88
You can view your tables in this list, whether they were scraped using `Scraper`, `Workflow`, or `Quick Scraping`.
99

1010
## 4.1 View Table Details
1111

1212
Click on an item in the list to view the table details.
1313

14-
<img src="/assets/en-US/data-management/clipsheet_preview_table_dialog.png" style="width: 800px; height: 400px; object-fit: contain;" />
14+
<img src="./assets/en-US/data-management/clipsheet_preview_table_dialog.png" style="width: 800px; height: 400px; object-fit: contain;" />
1515

1616
## 4.2 Export Table as CSV
1717

‎docs/en-US/getting-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ The first step is to unzip the compressed file you just downloaded.
1414

1515
## 1.3 Open developer mode
1616

17-
<img src="/assets/en-US/getting-started/chrome_extensions_developer_mode.png" style="width: 800px; height: 200px; object-fit: contain;" />
17+
<img src="./assets/en-US/getting-started/chrome_extensions_developer_mode.png" style="width: 800px; height: 200px; object-fit: contain;" />
1818

1919
Locate the developer mode toggle control on the right side of the navigation bar and open it.
2020

‎docs/en-US/scraper.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -8,50 +8,50 @@ In the previous chapters, we learned how to quickly scrape the tables we need us
88

99
However, this is not sufficient for large-scale web scraping requirements. To handle such scenarios, we need to automate the data collection process. What we need is a **Scraper**!
1010

11-
<img src="/assets/en-US/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
11+
<img src="./assets/en-US/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
1212

1313
In the `Confirm Selection` panel, you’ll notice a `Create Scraper` button located in the footer.
1414

1515
## 3.1 Web Scraping Automation
1616

1717
Clicking this button will open the **Scraper** configuration form in the side panel.
1818

19-
<img src="/assets/en-US/scraper/clipsheet_create_scraper_form.png" style="width: 340px; height: 600px; object-fit: contain;" />
19+
<img src="./assets/en-US/scraper/clipsheet_create_scraper_form.png" style="width: 340px; height: 600px; object-fit: contain;" />
2020

2121
We provide three adaptable scraping methods: `Scroll`, `Click`, and `Page`. These configurations allow you to extract more data from a webpage by customizing the scraping process.
2222

2323
### 3.1.1 Infinite Scroll
2424

2525
For pages with infinite scrolling to load more data, you can use the `Scroll` **Scraper** to extract the entire list.
2626

27-
<img src="/assets/en-US/scraper/clipsheet_scraper_scroll_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
27+
<img src="./assets/en-US/scraper/clipsheet_scraper_scroll_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
2828

2929
### 3.1.2 Click to Load More Data or Navigate to the Next Page
3030

31-
<img src="/assets/en-US/scraper/clipsheet_scraper_click_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
31+
<img src="./assets/en-US/scraper/clipsheet_scraper_click_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
3232

3333
For pages that require clicking a button to load more data or navigate to the next page, you can use the `Click` **Scraper** to retrieve all the data.
3434

3535
### 3.1.3 Pagination
3636

37-
<img src="/assets/en-US/scraper/clipsheet_scraper_page_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
37+
<img src="./assets/en-US/scraper/clipsheet_scraper_page_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
3838

3939
The `Page` configuration makes it easy to scrape data that is divided across multiple pages.
4040

4141
## 3.2 Columns of table
4242

43-
<img src="/assets/en-US/scraper/clipsheet_scraper_columns_of_table.png" style="width: 300px; height: 400px; object-fit: contain;" />
43+
<img src="./assets/en-US/scraper/clipsheet_scraper_columns_of_table.png" style="width: 300px; height: 400px; object-fit: contain;" />
4444

4545
In this table, we list the columns from the scraped table, allowing you to customize it. You can define column names, delete columns, and preview the table data by clicking the `View Table` button
4646

4747
## 3.3 Save your scraper
4848

4949
After configuring, you can save the scraper, and it will appear in the scraper list in the popup. You can then `start` the scraper to begin web scraping and collect the data.
5050

51-
<img src="/assets/en-US/scraper/clipsheet_popup_scraper_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
51+
<img src="./assets/en-US/scraper/clipsheet_popup_scraper_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
5252

5353
## 3.4 Upload & Export
5454

5555
We allow you to export your scraper as a JSON file and import a scraper JSON file shared by others, making it easy for you to use the scraper.
5656

57-
<img src="/assets/en-US/scraper/clipsheet_popup_scraper_upload_and_export.png" style="width: 600px; height: 400px; object-fit: contain;" />
57+
<img src="./assets/en-US/scraper/clipsheet_popup_scraper_upload_and_export.png" style="width: 600px; height: 400px; object-fit: contain;" />

‎docs/en-US/workflow.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -12,32 +12,32 @@ Below, we will introduce several key features of workflows, including scheduled
1212

1313
A **workflow** can be linked to a data source. If no data source is defined, a new data source will be automatically created and bound after the **workflow**'s first execution.
1414

15-
<img src="/assets/en-US/workflow/data_source_form.png" style="width: 400px; height: 300px; object-fit: contain;" />
15+
<img src="./assets/en-US/workflow/data_source_form.png" style="width: 400px; height: 300px; object-fit: contain;" />
1616

1717
> **Note:** When a **workflow** is bound to a data source, the columns of the data source will be set to the **workflow** and cannot be modified. (This is because once a data source is created, its table structure is immutable.)
1818
1919
Once a **workflow** has bound a data source, the workflow’s output data will be appended to this data source, and duplicate rows will be automatically removed.
2020

2121
You can customize the configuration for removing duplicates.
2222

23-
<img src="/assets/en-US/workflow/remove_duplicates_form.png" style="width: 400px; height: 300px; object-fit: contain;" />
23+
<img src="./assets/en-US/workflow/remove_duplicates_form.png" style="width: 400px; height: 300px; object-fit: contain;" />
2424

2525
## 6.2 Combine with Scrapers
2626

2727
A **workflow** is a collection of multiple scrapers working together.
2828

2929
You need to define the **workflow** based on the scrapers that make up the **workflow**. For example, in the following setup, we configure the **workflow** to include the `Amazon Scraper` and `Google Maps Scraper`.
3030

31-
<img src="/assets/en-US/workflow/data_merge_form_scraper.png" style="width: 400px; height: 300px; object-fit: contain;" />
31+
<img src="./assets/en-US/workflow/data_merge_form_scraper.png" style="width: 400px; height: 300px; object-fit: contain;" />
3232

3333
Next, we need to determine how each column in the **workflow** is mapped to the corresponding column from each **scraper**.
3434

35-
<img src="/assets/en-US/workflow/data_merge_form_column.png" style="width: 400px; height: 300px; object-fit: contain;" />
35+
<img src="./assets/en-US/workflow/data_merge_form_column.png" style="width: 400px; height: 300px; object-fit: contain;" />
3636

3737
## 6.3 Scheduled Execution
3838

3939
For scheduled execution, we provide a highly customizable scheduling configuration, allowing you to set the exact times for your **workflow** to run.
4040

41-
<img src="/assets/en-US/workflow/timer_form.png" style="width: 400px; height: 300px; object-fit: contain;" />
41+
<img src="./assets/en-US/workflow/timer_form.png" style="width: 400px; height: 300px; object-fit: contain;" />
4242

4343
Scheduled execution of workflows is a powerful feature that helps you fulfill your web scraping needs.

‎docs/zh-CN/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# Univer Clipsheet
22

3-
<img src="/assets/zh-CN/clipsheet_popup_home.png" style="width: 600px; height: 400px; object-fit: contain;"/>
3+
<img src="./assets/zh-CN/clipsheet_popup_home.png" style="width: 600px; height: 400px; object-fit: contain;"/>
44

55
Univer Clipsheet 是一款功能强大的 Chrome 扩展，用于网页采集和数据自动化。它简化了提取、组织和管理网页数据的过程，具有强大的采集能力和工作流集成功能。

‎docs/zh-CN/data-drill-down.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,24 @@
22

33
当一个采集的表格包含 URL 类型的列时，相应的列将显示一个 **数据下钻** 图标。
44

5-
<img src="/assets/zh-CN/data-drill-down/column_drill_down_example.png" style="width: 280px; height: 500px; object-fit: contain;" />
5+
<img src="./assets/zh-CN/data-drill-down/column_drill_down_example.png" style="width: 280px; height: 500px; object-fit: contain;" />
66

77
## 5.1 创建数据下钻列
88

99
点击该按钮将导航到该 URL 的详情页。
1010

1111
如下面的图片所示，您可以在详情页上选择三个高亮的块。这些选中的块可以保存为您用于 URL 列的数据下钻配置。
1212

13-
<img src="/assets/zh-CN/data-drill-down/drill_down_detail_page.png" style="width: 600px; height: 400px; object-fit: contain;" />
13+
<img src="./assets/zh-CN/data-drill-down/drill_down_detail_page.png" style="width: 600px; height: 400px; object-fit: contain;" />
1414

1515
返回到 `采集器（Scraper）` 表单，您将看到在 URL 列下方创建的 **数据下钻** 列。
1616

17-
<img src="/assets/zh-CN/data-drill-down/table_drill_down_columns.png" style="width: 260px; height: 400px; object-fit: contain;" />
17+
<img src="./assets/zh-CN/data-drill-down/table_drill_down_columns.png" style="width: 260px; height: 400px; object-fit: contain;" />
1818

1919
## 5.2 获取数据下钻数据
2020

2121
当您运行包含 **数据下钻** 列的 `采集器（Scraper）` 时，它将自动访问 URL 列中的每个 URL。对于每个访问的 URL，它将根据您在 **数据下钻** 配置中选择的块采集数据。
2222

2323
如下面的图片所示，您可以看到 Clipsheet 已成功采集了我们之前选择的三个 **数据下钻** 列的数据。
2424

25-
<img src="/assets/zh-CN/data-drill-down/data_with_drill_down_columns.png" style="width: 800px; height: 380px; object-fit: contain;" />
25+
<img src="./assets/zh-CN/data-drill-down/data_with_drill_down_columns.png" style="width: 800px; height: 380px; object-fit: contain;" />

‎docs/zh-CN/data-management.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22

33
所有采集的表格数据都会显示在 `数据` 标签下的列表中。
44

5-
<img src="/assets/zh-CN/data-management/clipsheet_popup_data_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
5+
<img src="./assets/zh-CN/data-management/clipsheet_popup_data_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
66

77
您可以在此列表中查看您的表格，无论它们是通过 `采集器（Scraper）`、`工作流（Workflow）` 还是 `快速采集（Quick Scraping）` 采集的。
88

99
## 4.1 查看表格详情
1010

1111
点击列表中的一项以查看表格的详细信息。
1212

13-
<img src="/assets/zh-CN/data-management/clipsheet_preview_table_dialog.png" style="width: 800px; height: 400px; object-fit: contain;" />
13+
<img src="./assets/zh-CN/data-management/clipsheet_preview_table_dialog.png" style="width: 800px; height: 400px; object-fit: contain;" />
1414

1515
## 4.2 导出表格为 CSV 格式
1616

‎docs/zh-CN/getting-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414

1515
## 1.3 打开开发者模式
1616

17-
<img src="/assets/en-US/getting-started/chrome_extensions_developer_mode.png" style="width: 800px; height: 200px; object-fit: contain;" />
17+
<img src="./assets/en-US/getting-started/chrome_extensions_developer_mode.png" style="width: 800px; height: 200px; object-fit: contain;" />
1818

1919
在导航栏右侧找到开发者模式切换按钮并打开它。
2020

‎docs/zh-CN/scraper.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -4,50 +4,50 @@
44

55
然而，对于大规模网页采集需求，这种方法并不够。为了处理这种情况，我们需要自动化数据收集过程。这时我们需要的是 **采集器（Scraper）**！
66

7-
<img src="/assets/zh-CN/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
7+
<img src="./assets/zh-CN/shared/clipsheet_table_scraping_dialog.png" style="width: 400px; height: 200px; object-fit: contain;" />
88

99
在 `确认选择` 面板中，您会注意到页脚有一个 `创建采集器` 按钮。
1010

1111
## 3.1 网页采集自动化
1212

1313
点击该按钮会在侧边栏中打开 **采集器** 配置表单。
1414

15-
<img src="/assets/zh-CN/scraper/clipsheet_create_scraper_form.png" style="width: 340px; height: 600px; object-fit: contain;" />
15+
<img src="./assets/zh-CN/scraper/clipsheet_create_scraper_form.png" style="width: 340px; height: 600px; object-fit: contain;" />
1616

1717
我们提供了三种可调整的采集方式：`滚动（Scroll）`、`点击（Click）` 和 `翻页（Page）`。这些配置可以让你通过自定义采集过程来提取更多网页数据。
1818

1919
### 3.1.1 无限滚动
2020

2121
对于有无限滚动加载更多数据的页面，您可以使用 `滚动（Scroll）` **采集器** 来提取整个列表。
2222

23-
<img src="/assets/zh-CN/scraper/clipsheet_scraper_scroll_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
23+
<img src="./assets/zh-CN/scraper/clipsheet_scraper_scroll_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
2424

2525
### 3.1.2 点击加载更多数据或跳转到下一页
2626

27-
<img src="/assets/zh-CN/scraper/clipsheet_scraper_click_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
27+
<img src="./assets/zh-CN/scraper/clipsheet_scraper_click_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
2828

2929
对于需要点击按钮加载更多数据或跳转到下一页的页面，您可以使用 `点击（Click）` **采集器** 来获取所有数据。
3030

3131
### 3.1.3 翻页
3232

33-
<img src="/assets/zh-CN/scraper/clipsheet_scraper_page_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
33+
<img src="./assets/zh-CN/scraper/clipsheet_scraper_page_form.png" style="width: 300px; height: 200px; object-fit: contain;" />
3434

3535
`翻页（Page）` 配置可以轻松采集分布在多个页面上的数据。
3636

3737
## 3.2 表格列
3838

39-
<img src="/assets/zh-CN/scraper/clipsheet_scraper_columns_of_table.png" style="width: 300px; height: 400px; object-fit: contain;" />
39+
<img src="./assets/zh-CN/scraper/clipsheet_scraper_columns_of_table.png" style="width: 300px; height: 400px; object-fit: contain;" />
4040

4141
在这个表格中，我们列出了采集表格中的列，您可以对其进行自定义。您可以定义列名、删除列，并通过点击 `查看表格` 按钮预览表格数据。
4242

4343
## 3.3 保存您的采集器
4444

4545
配置完成后，您可以保存采集器，它将出现在弹出窗口中的采集器列表中。然后您可以 `启动` 采集器，开始网页采集并收集数据。
4646

47-
<img src="/assets/zh-CN/scraper/clipsheet_popup_scraper_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
47+
<img src="./assets/zh-CN/scraper/clipsheet_popup_scraper_list.png" style="width: 600px; height: 400px; object-fit: contain;" />
4848

4949
## 3.4 上传与导出
5050

5151
我们允许您将采集器导出为 JSON 文件，并导入其他人分享的采集器 JSON 文件，使您可以轻松使用这些采集器。
5252

53-
<img src="/assets/zh-CN/scraper/clipsheet_popup_scraper_upload_and_export.png" style="width: 600px; height: 400px; object-fit: contain;" />
53+
<img src="./assets/zh-CN/scraper/clipsheet_popup_scraper_upload_and_export.png" style="width: 600px; height: 400px; object-fit: contain;" />

0 commit comments

Comments
 (0)