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 中
所以如果未來某天原網站把圖片拿掉，這張擷取的圖片就會不見
因此建議，如果這張圖片很重要，還是要自己下載再上傳一次！
使用 Web Clipper 收集文章的兩種方式
當我們在安裝完畢後，可以有兩種方式快速收集網頁，但是需要先在設定中開啟
備註：目前在網頁中點擊右鍵，還不會在功能選單中顯示
1. 使用「固定工具列」
2. 快捷鍵
進入到擴充功能管理後，設定鍵盤快速鍵，往後只要遇到想要的文章直接按快捷建就能直接收集囉！
官方演示影片
我們也可以先在 Heptabase 中設定好標籤，我的標籤是叫做「0-Inbox 收集(稍候再讀)」的標籤，在抓取當下就直接為卡片上標籤
收集文章後，在卡片最底下會插入來源網址
在 Web clipper 推出後，在今天 (2024/06/03) 又更新了！ 現在收集文章後，在卡片最底下會插入來源網址
Heptabase Clipper 的特殊應用
1- 搭配沉浸式翻譯，將原文與翻譯都擷取下來
沉浸式翻譯主要功能有以下三點，本篇文章先不多作介紹，但我們可以將翻譯結果、原文全部轉變成卡片，透過 Web Clipper 丟進 Heptabase 中更輕鬆地拆解，讓語言不再是學習的隔閡，若之後要引用原文，也比較方便。
- 網頁翻譯
- PDF翻譯
- 影片字幕翻譯
「沉浸式翻譯 (Immersive Translate)」是一款功能強大的 Chrome 擴充程式，主要提供雙語對照翻譯功能，讓使用者能同時看到原文和翻譯文。
這款工具支援多種翻譯引擎，包括 Google 翻譯、ChatGPT、DeepL、必應翻譯等，使用者可以根據需求自由選擇翻譯引擎。
2- 將 Readwise Reader 收集的文章放進 Heptabase 中拆解
Readwise Reader 是一款專為提升閱讀專注力和且能整合多方來源的工具，但如果只他當作一個閱讀 App 就太大材小用了，他可以做到的事情很多，不過這邊也先不多作介紹
簡單來說它的核心功能包括
- 整合所有內容來源：單篇的網站文章、電子書、PDF、社群媒體(FB,IG,Twittr… 等），多種內容媒介，並自動去除廣告，提供無干擾的閱讀體驗。
- 自動同步劃線重點(Highlight) 與筆記到 Heptabase 生成 Highlight Card
- 可以用 RSS Feed（訂閱整個網站，當有更新時直接存到 Reader 裡面）
- 可以透過 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，讓做筆記變得更加方便！
如果你想要試用 Readwise，可以點擊下方的連結註冊
結語
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.
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!
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
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!
Official Demonstration Video
I also set up tags in Heptabase beforehand. My tag is called “0-Inbox Collection (Read Later)”.
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.
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.
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!
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.
這篇好讚，謝謝!!
非常感謝您！