okooooooo/edgeever
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(best-practices): display web clipper showcases in single-column full-width rows

Browse Source
This commit is contained in:
tianma-if committed 2026-10-24 22:33:41 +08:00
1 parent 27fe0be52a
commit bd11cd9c0f
2 files changed
+70 -30
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/best-practices.md
+35 -15
View File
@@ -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) |
---
docs/best-practices.zh-CN.md
+35 -15
View File
@@ -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) |
---