diff --git a/docs/best-practices.md b/docs/best-practices.md index 784e5861..3afaa0e6 100644 --- a/docs/best-practices.md +++ b/docs/best-practices.md @@ -93,9 +93,13 @@ Right-click any note page and select **"Save Note to EdgeEver"** using the EdgeE - Captures title, topic tags, body text, publish timestamp, and source URL. - Automatically formats multi-image sets into multi-column gallery layouts. -| 1. Right-Click Clipper Menu | 2. Multi-Column Gallery Note | -| :---: | :---: | -| ![Right-click save Xiaohongshu note to EdgeEver](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu.png) | ![Xiaohongshu note clipped into multi-column gallery](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu-in-note.png) | +| 1. Right-Click Clipper Menu | +| :---: | +| ![Right-click save Xiaohongshu note to EdgeEver](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu.png) | + +| 2. Multi-Column Gallery Note | +| :---: | +| ![Xiaohongshu note clipped into multi-column gallery](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu-in-note.png) | --- @@ -106,9 +110,13 @@ Right-click any post and select **"Save Tweet to EdgeEver"** with the EdgeEver W - Extracts author info, tweet content, external links, quote tweets, and multi-image attachments. - Formats content into a multi-column gallery layout. -| 1. Right-Click Save Tweet | 2. Note with Quotes & Gallery | -| :---: | :---: | -| ![Right-click save tweet to EdgeEver](assets/best-practices/original-image/web-clipper/twitter/twitter.png) | ![X tweet clipped into EdgeEver note with quote](assets/best-practices/original-image/web-clipper/twitter/twitter-in-note.png) | +| 1. Right-Click Save Tweet | +| :---: | +| ![Right-click save tweet to EdgeEver](assets/best-practices/original-image/web-clipper/twitter/twitter.png) | + +| 2. Note with Quotes & Gallery | +| :---: | +| ![X tweet clipped into EdgeEver note with quote](assets/best-practices/original-image/web-clipper/twitter/twitter-in-note.png) | --- @@ -118,9 +126,13 @@ Right-click any specific answer or article and select **"Save Answer/Article to - Parses question title, author, body, timestamp, and permalink into a structured Q&A note. -| 1. Right-Click Save Answer/Article | 2. Structured Q&A Note Preview | -| :---: | :---: | -| ![Right-click save Zhihu answer to EdgeEver](assets/best-practices/original-image/web-clipper/zhihu/zhihu.png) | ![Zhihu answer clipped into EdgeEver note](assets/best-practices/original-image/web-clipper/zhihu/zhihu-in-note.png) | +| 1. Right-Click Save Answer/Article | +| :---: | +| ![Right-click save Zhihu answer to EdgeEver](assets/best-practices/original-image/web-clipper/zhihu/zhihu.png) | + +| 2. Structured Q&A Note Preview | +| :---: | +| ![Zhihu answer clipped into EdgeEver note](assets/best-practices/original-image/web-clipper/zhihu/zhihu-in-note.png) | --- @@ -130,9 +142,13 @@ Right-click on the post title or body and select **"Save Selection to EdgeEver"* - Captures thread title, subreddit (e.g. `r/AskReddit`), author handle, timestamp, and permalink to preserve community metadata. -| 1. Right-Click Save Post | 2. Note with Community Metadata | -| :---: | :---: | -| ![Right-click save Reddit post to EdgeEver](assets/best-practices/original-image/web-clipper/reddit/reddit.png) | ![Reddit post clipped into EdgeEver note](assets/best-practices/original-image/web-clipper/reddit/reddit-in-note.png) | +| 1. Right-Click Save Post | +| :---: | +| ![Right-click save Reddit post to EdgeEver](assets/best-practices/original-image/web-clipper/reddit/reddit.png) | + +| 2. Note with Community Metadata | +| :---: | +| ![Reddit post clipped into EdgeEver note](assets/best-practices/original-image/web-clipper/reddit/reddit-in-note.png) | --- @@ -142,9 +158,13 @@ Right-click anywhere on the GitHub repository page and select **"Save Repository - Extracts repository name (`Owner/Repo`), description, homepage, language, license, and topic tags into a structured technical card. -| 1. Right-Click Save Repo Info | 2. Structured Repository Card | -| :---: | :---: | -| ![Right-click save GitHub repo info to EdgeEver](assets/best-practices/github-clip-menu.png) | ![GitHub repo clipped into EdgeEver note card](assets/best-practices/github-clipped-note.png) | +| 1. Right-Click Save Repo Info | +| :---: | +| ![Right-click save GitHub repo info to EdgeEver](assets/best-practices/github-clip-menu.png) | + +| 2. Structured Repository Card | +| :---: | +| ![GitHub repo clipped into EdgeEver note card](assets/best-practices/github-clipped-note.png) | --- diff --git a/docs/best-practices.zh-CN.md b/docs/best-practices.zh-CN.md index fdbe7881..57bbb729 100644 --- a/docs/best-practices.zh-CN.md +++ b/docs/best-practices.zh-CN.md @@ -93,9 +93,13 @@ EdgeEver 采用「目录树 · 笔记列表 · 编辑区」三栏布局： - 提取标题、话题标签、正文、发布时间与原文链接。 - 多图内容自动排版为多栏画廊。 -| 1. 右键菜单剪藏 | 2. 多栏画廊笔记效果 | -| :---: | :---: | -| ![右键保存小红书笔记到 EdgeEver](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu.png) | ![EdgeEver 剪藏后的小红书笔记多栏画廊效果](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu-in-note.png) | +| 1. 右键菜单剪藏 | +| :---: | +| ![右键保存小红书笔记到 EdgeEver](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu.png) | + +| 2. 多栏画廊笔记效果 | +| :---: | +| ![EdgeEver 剪藏后的小红书笔记多栏画廊效果](assets/best-practices/original-image/web-clipper/xiaohongshu/xiaohongshu-in-note.png) | --- @@ -106,9 +110,13 @@ EdgeEver 采用「目录树 · 笔记列表 · 编辑区」三栏布局： - 提取作者、推文正文、外链、引用推文（Quote Tweet）及附带图集。 - 自动渲染为多栏画廊排版。 -| 1. 右键保存推文 | 2. 包含引用与图集的笔记效果 | -| :---: | :---: | -| ![右键保存推文到 EdgeEver](assets/best-practices/original-image/web-clipper/twitter/twitter.png) | ![EdgeEver 剪藏后的 X 推文笔记效果](assets/best-practices/original-image/web-clipper/twitter/twitter-in-note.png) | +| 1. 右键保存推文 | +| :---: | +| ![右键保存推文到 EdgeEver](assets/best-practices/original-image/web-clipper/twitter/twitter.png) | + +| 2. 包含引用与图集的笔记效果 | +| :---: | +| ![EdgeEver 剪藏后的 X 推文笔记效果](assets/best-practices/original-image/web-clipper/twitter/twitter-in-note.png) | --- @@ -118,9 +126,13 @@ EdgeEver 采用「目录树 · 笔记列表 · 编辑区」三栏布局： - 解析问题标题、作者、正文、发布时间与原始链接，生成问答结构笔记。 -| 1. 右键保存回答/文章 | 2. 问答结构笔记预览 | -| :---: | :---: | -| ![右键保存知乎回答到 EdgeEver](assets/best-practices/original-image/web-clipper/zhihu/zhihu.png) | ![EdgeEver 剪藏后的知乎回答笔记效果](assets/best-practices/original-image/web-clipper/zhihu/zhihu-in-note.png) | +| 1. 右键保存回答/文章 | +| :---: | +| ![右键保存知乎回答到 EdgeEver](assets/best-practices/original-image/web-clipper/zhihu/zhihu.png) | + +| 2. 问答结构笔记预览 | +| :---: | +| ![EdgeEver 剪藏后的知乎回答笔记效果](assets/best-practices/original-image/web-clipper/zhihu/zhihu-in-note.png) | --- @@ -130,9 +142,13 @@ EdgeEver 采用「目录树 · 笔记列表 · 编辑区」三栏布局： - 捕获帖子标题、所属版块（Subreddit，如 `r/AskReddit`）、作者、时间戳及链接，保留社区元数据。 -| 1. 右键保存帖子 | 2. 包含社区元数据的笔记预览 | -| :---: | :---: | -| ![右键保存 Reddit 帖子到 EdgeEver](assets/best-practices/original-image/web-clipper/reddit/reddit.png) | ![EdgeEver 剪藏后的 Reddit 帖子笔记效果](assets/best-practices/original-image/web-clipper/reddit/reddit-in-note.png) | +| 1. 右键保存帖子 | +| :---: | +| ![右键保存 Reddit 帖子到 EdgeEver](assets/best-practices/original-image/web-clipper/reddit/reddit.png) | + +| 2. 包含社区元数据的笔记预览 | +| :---: | +| ![EdgeEver 剪藏后的 Reddit 帖子笔记效果](assets/best-practices/original-image/web-clipper/reddit/reddit-in-note.png) | --- @@ -142,9 +158,13 @@ EdgeEver 采用「目录树 · 笔记列表 · 编辑区」三栏布局： - 提取仓库名称（Owner/Repo）、简介、官方主页、编程语言、许可证与话题标签，生成技术卡片。 -| 1. 右键保存仓库信息 | 2. 结构化仓库卡片预览 | -| :---: | :---: | -| ![右键保存 GitHub 仓库信息到 EdgeEver](assets/best-practices/github-clip-menu.png) | ![EdgeEver 剪藏后的 GitHub 仓库卡片笔记](assets/best-practices/github-clipped-note.png) | +| 1. 右键保存仓库信息 | +| :---: | +| ![右键保存 GitHub 仓库信息到 EdgeEver](assets/best-practices/github-clip-menu.png) | + +| 2. 结构化仓库卡片预览 | +| :---: | +| ![EdgeEver 剪藏后的 GitHub 仓库卡片笔记](assets/best-practices/github-clipped-note.png) | ---