Heptabase Web Clipper 全新發布!特殊應用及基本操作介紹:一鍵將網頁文章轉成卡片,輕鬆建立深度理解

You can scroll down or quickly jump to the English version through the table of contents. → Go to English Version

在 2024/05/27 Heptabase 推出了 Web Clipper 第一版,現在可以一鍵把網頁文章轉換成卡片並且上標籤,對於想要抓進 Heptabase 中做拆解的文章終於不用再複製、貼上了!

Web Clipper 是一種網頁擷取,可以幫助你從網頁上擷取內容並儲存下來,通常用於稍後閱讀或整理資料。

目前 Heptabase 支援 Chrome 擴充功能,在 Arc 上 也可以安裝,但 Safari 或 Firefox 等還需要再等等,相信之後也會推出!

Evernote、Notion、Roam Research 等筆記軟體也都有自己的 Web clipper ,為什麼要用 Heptabase 的?

Heptabase 是一個視覺化的知識管理工具,能夠幫助用戶對困難問題或文章更輕鬆地建立深度理解,用它的 Web Clipper 功能可以直接把網頁上的文章整篇擷取下來,並將這些內容直接添加到 Heptabase 中變成卡片,直接丟到白板上做拆解、連線,以視覺化的方式建立深度理解,這是其他工具無可取代的。

怎麼安裝 Heptabase Web Clipper?

要使用 Heptabase Web Clipper ,要先在 chrome 或 Arc 的擴充功能安裝

直接點此安裝 👉🏽 官方安裝網址:Web Clipper

若不放心可直接至官方下載安裝,或到瀏覽器新增擴充功能

安裝後要打開的功能:收集圖片

到擴充功能的設定中,點擊點擊「擴充功能選項」後,會彈出視窗問你收集文章時,要不要連圖片一起收集,將他打開即可

這樣往後收集文章時,就會連同網頁中的圖片一起收集進 Heptabase 的卡片

但要注意到的是,如果開啟抓圖片的功能,實際上抓的是原網站的「圖片連結」,圖片上傳、存到 Heptabase 中

所以如果未來某天原網站把圖片拿掉,這張擷取的圖片就會不見

因此建議,如果這張圖片很重要,還是要自己下載再上傳一次!

安裝 Heptabase web clipper 後要打開的功能:收集圖片
點擊擴充功能

使用 Web Clipper 收集文章的兩種方式

當我們在安裝完畢後,可以有兩種方式快速收集網頁,但是需要先在設定中開啟

備註:目前在網頁中點擊右鍵,還不會在功能選單中顯示

1. 使用「固定工具列」

將 Heptabase web clipper 固定在擴充功能的工具列
將 Heptabase web clipper 固定在擴充功能的工具列

2. 快捷鍵

進入到擴充功能管理後,設定鍵盤快速鍵,往後只要遇到想要的文章直接按快捷建就能直接收集囉!

為 Heptabase web clipper 設定快捷鍵
為 Heptabase web clipper 設定快捷鍵

官方演示影片

我們也可以先在 Heptabase 中設定好標籤,我的標籤是叫做「0-Inbox 收集(稍候再讀)」的標籤,在抓取當下就直接為卡片上標籤

使用 Heptabase web clipper 抓取文章後直接上標籤
使用 Heptabase web clipper 抓取文章後直接上標籤

收集文章後,在卡片最底下會插入來源網址

在 Web clipper 推出後,在今天 (2024/06/03) 又更新了! 現在收集文章後,在卡片最底下會插入來源網址

使用 Heptabase web clipper 收集文章後在最底下會插入來源網址
使用 Heptabase web clipper 收集文章後在最底下會插入來源網址

Heptabase Clipper 的特殊應用

1- 搭配沉浸式翻譯,將原文與翻譯都擷取下來

沉浸式翻譯主要功能有以下三點,本篇文章先不多作介紹,但我們可以將翻譯結果、原文全部轉變成卡片,透過 Web Clipper 丟進 Heptabase 中更輕鬆地拆解,讓語言不再是學習的隔閡,若之後要引用原文,也比較方便。

  • 網頁翻譯
  • PDF翻譯
  • 影片字幕翻譯

沉浸式翻譯 (Immersive Translate)」是一款功能強大的 Chrome 擴充程式,主要提供雙語對照翻譯功能,讓使用者能同時看到原文和翻譯文。
這款工具支援多種翻譯引擎,包括 Google 翻譯、ChatGPT、DeepL、必應翻譯等,使用者可以根據需求自由選擇翻譯引擎​。

Heptabase web clipper 搭配沉浸式翻譯使用
Heptabase web clipper 搭配沉浸式翻譯使用

2- 將 Readwise Reader 收集的文章放進 Heptabase 中拆解

Readwise Reader 是一款專為提升閱讀專注力和且能整合多方來源的工具,但如果只他當作一個閱讀 App 就太大材小用了,他可以做到的事情很多,不過這邊也先不多作介紹

簡單來說它的核心功能包括

  1. 整合所有內容來源:單篇的網站文章、電子書、PDF、社群媒體(FB,IG,Twittr… 等),多種內容媒介,並自動去除廣告,提供無干擾的閱讀體驗。
  2. 自動同步劃線重點(Highlight) 與筆記到 Heptabase 生成 Highlight Card
  3. 可以用 RSS Feed(訂閱整個網站,當有更新時直接存到 Reader 裡面)
  4. 可以透過 Readwise 的虛擬信箱訂閱電子報,不再佔用 email 空間,而且可以在 Reader 中劃重點、作筆記,再自動生成 Highlight Card 到 Heptabase 中

講到這邊,或許有些朋友會有個疑問是,那為什麼不在 Reader 中讀完、畫線、作筆記再去 Heptabase 中整理就好?

因為 Heptabase 是建立深度理解的工具,而 Reader 是整合各資訊來源的輸入輸出工具

所以當有下面這兩種狀況時,我就會想要把 Reader 的文章放到 Heptabase 中閱讀

  • 文章對我而言很重要,或是很想讀,但是又太長又太難,
  • 當 epub 轉換成 PDF 會跑版時,我們就可以透過 Web Clipper 將文章抓入 Heptabase 中拆解

更棒的一點是,我們也可以把 Reader 的文章透過沉浸式翻譯翻譯後再抓取!

以我訂閱的這篇肌力與體能相關的英文電子報為例,因為他經常夾帶一些廣告,所以我可以使用沉浸式翻譯在 Reader 中快速閱讀並篩選、刪除掉他們。當有一些不錯的文章,我就想要整篇丟到 Heptabase 進行拆解,並轉換成卡片。因為有時候我覺得透過劃線轉換成 Highlight Card ,再去尋找 Highlight Card 也是有些不方便

以往的作法我會找到網站原址,但現在我可以直接使用 Web Clipper 直接將 Reader 的文章抓進 Heptabase,讓做筆記變得更加方便!

Heptabase web clipper 搭配 Readrwise Reader 使用
Heptabase web clipper 搭配 Readrwise Reader 使用

如果你想要試用 Readwise,可以點擊下方的連結註冊

🔗 你可以透過這個連結免費使用 2 個月,比一般自己註冊還要多 30 天,現在就去免費試用!

結語

Heptabase 的 Web Clipper 提供了更方便收集的網頁內容和進入 Heptabase 進行視覺化拆解與理解,特別適合需要進行深度理解和拆解文章的情境下使用,雖然功能還不像 Save to notion 等那麼全面,但目前只是剛推出的第一版本,相信 Web clipper 的功能後續也會更加強大與完善!

再加上透過與沉浸式翻譯和 Readwise Reader 的結合,Heptabase Web Clipper 幫助我們提升學習和工作效率,這些都是其他 Web Clipper 無可取代的!

如果你還在觀望 Heptabase,請使用我的連結免費試用七天

但這邊要拜託各位一件事情

記得使用電腦版回來點擊這個連結註冊、試用

當作請我喝一杯熱美式、給我一點動力,讓我繼續努力肝出好的文章跟影片

未來我也有規劃拍攝教學影片,有任何問題跟想看的教學都歡迎許願

👉🏽 官網七天免費試用連結:https://get.heptabase.com/0xs8x3d5ol4n

English version

This article was translated by ChatGPT. If there are any inaccuracies or areas that don’t read smoothly, please feel free to leave a comment and discuss it with me!

Heptabase Web Clipper Release: Special Applications and Basic Operations

On May 27, 2024, Heptabase launched the first version of its Web Clipper. Now, you can convert web articles into cards with a single click and tag them, eliminating the need for copying and pasting articles you want to deconstruct in Heptabase!

What is a Web Clipper?

A Web Clipper is a tool that helps you capture and save content from web pages, typically for later reading or data organization.

Current Compatibility

Heptabase currently supports Chrome extensions and can also be installed on Arc. However, for Safari or Firefox users, the wait continues, but support is expected in the future!

Why Choose Heptabase’s Web Clipper?

While other note-taking software like Evernote, Notion, and Roam Research also offer their own web clippers, Heptabase stands out. Heptabase is a visual knowledge management tool that helps users build a deep understanding of complex issues or articles more easily. With its Web Clipper, you can directly capture entire web articles and add them as cards to Heptabase, where you can deconstruct and connect them on a visual board. This feature makes Heptabase irreplaceable.

How to Install Heptabase Web Clipper

To use Heptabase Web Clipper, you need to install it as a Chrome or Arc extension.

Click here to install 👉🏽 Official Installation Link: Web Clipper

If you prefer, you can download it directly from the official website or add it as an extension through your browser.

Heptabase Web Clipper 安裝方式
Installation Method for Heptabase Web Clipper

Enabling Image Collection

Go to the extension settings and click “Extension Options.” A window will pop up asking if you want to collect images along with the articles. Turn it on.

From now on, when you collect articles, the images on the webpage will be included in the Heptabase card.

However, note that when you enable the image capture feature, it actually captures the “image link” from the original website and uploads it to Heptabase.

So, if the original website removes the image in the future, the captured image will disappear.

Therefore, if the image is important, it is recommended to download and upload it again yourself!

安裝 Heptabase web clipper 後要打開的功能:收集圖片
Click on “Extensions”.

Two Ways to Collect Articles Using Web Clipper

Once installed, there are two quick ways to collect web pages, but you need to enable these options first.

Note: Currently, right-clicking on a web page does not show this feature in the context menu.

1- Use the Fixed Toolbar

將 Heptabase web clipper 固定在擴充功能的工具列
Pin the Heptabase Web Clipper to the extensions toolbar.

2- Keyboard Shortcuts

After entering the extension management, set up keyboard shortcuts. When you encounter an article you want to save, just press the shortcut key to collect it instantly!

為 Heptabase web clipper 設定快捷鍵
Set a shortcut key for the Heptabase Web Clipper.

Official Demonstration Video

I also set up tags in Heptabase beforehand. My tag is called “0-Inbox Collection (Read Later)”.

使用 Heptabase web clipper 抓取文章後直接上標籤
After clipping an article with the Heptabase Web Clipper, directly add tags.

After using the Heptabase web clipper to collect an article, the source URL will be inserted at the bottom.

After the Web clipper was released, it got updated again today (June 3, 2024)! Now, after collecting an article, the source URL will be inserted at the bottom of the card.

After using the Heptabase web clipper to collect an article, the source URL will be inserted at the bottom.
After using the Heptabase web clipper to collect an article, the source URL will be inserted at the bottom.

Special Applications of Heptabase Clipper

1. Pairing with Immersive Translate to Capture Both Original and Translated Text

Immersive Translate offers three main features:

  • Web Page Translation
  • PDF Translation
  • Video Subtitle Translation

“Immersive Translate” is a powerful Chrome extension that provides bilingual translation, allowing users to see both the original and translated text simultaneously. It supports multiple translation engines, including Google Translate, ChatGPT, DeepL, and Bing Translate, letting users choose the engine according to their needs.

Heptabase web clipper 搭配沉浸式翻譯使用
Use the Heptabase Web Clipper in conjunction with immersive translation.

2. Deconstructing Articles Collected by Readwise Reader in Heptabase

Readwise Reader is designed to enhance reading focus and integrate various content sources. However, it’s much more than just a reading app. It can:

  • Integrate all content sources (web articles, e-books, PDFs, social media, etc.), removing ads for an uninterrupted reading experience.
  • Automatically sync highlights and notes to Heptabase, generating Highlight Cards.
  • Subscribe to entire websites via RSS feeds, saving updates directly to the Reader.
  • Subscribe to newsletters using Readwise’s virtual mailbox, allowing highlights and notes to sync automatically to Heptabase.

Why Not Just Use Reader for Reading and Note-Taking?

Because Heptabase is a tool for building deep understanding, whereas Reader is for integrating various information sources.

When you encounter:

  • An important or very long, difficult article.
  • Formatting issues when converting EPUB to PDF.

You can use the Web Clipper to capture the article into Heptabase for deconstruction.

Additionally, you can translate articles in Reader using Immersive Translate and then capture them!

For instance, I subscribe to a strength and conditioning newsletter that often includes ads. I use Immersive Translate to read, filter, and delete ads in Reader quickly. When I find a valuable article, I transfer it to Heptabase for deconstruction and card conversion, finding it more convenient than converting highlights to Highlight Cards.

Previously, I would find the original website, but now I can directly use the Web Clipper to capture articles from Reader into Heptabase, making note-taking even more convenient!

Heptabase web clipper 搭配 Readrwise Reader 使用
Use the Heptabase Web Clipper in conjunction with Readerwise Reader.

If you want to try Readwise, click the link below to register:

🔗 Free 2-month trial (30 days more than the usual registration)

Conclusion

Heptabase’s Web Clipper offers a more convenient way to collect web content and deconstruct it visually in Heptabase. It is particularly useful for situations requiring deep understanding and article deconstruction. Although not as comprehensive as Save to Notion, this is just the first version, and future updates are expected to enhance its features!

Combined with Immersive Translate and Readwise Reader, Heptabase Web Clipper boosts learning and work efficiency, making it irreplaceable by other web clippers!

If you’re still considering Heptabase, use my link for a free 7-day trial:

Please use the desktop version to click this link to register and try it out.

This helps support my work, letting me continue creating quality articles and videos.

I also plan to create tutorial videos in the future. If you have any questions or tutorial requests, feel free to let me know.

👉🏽 Official 7-day free trial link

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *