YouTip

Obsidian Web Clipper is a browser extension developed by Obsidian official that can save any webpage as a local Markdown note with one click. Obsidian Web Clipper is free, open-source, and ad-free, making it a powerful tool for building your personal knowledge base. ### Installation Web Clipper supports all major browsers, just install it from the corresponding store. | Browser | Installation Link | | --- | --- | | Chrome / Brave / Arc / Vivaldi | (https://chromewebstore.google.com/detail/obsidian-web-clipper/cnjifjpddelmedmihgijeibhnjfabmlf) | | Firefox | (https://addons.mozilla.org/en-US/firefox/addon/web-clipper-obsidian/) | | Safari (iOS / macOS) | (https://apps.apple.com/us/app/obsidian-web-clipper/id6720708363) | | Edge | (https://microsoftedge.microsoft.com/addons/detail/obsidian-web-clipper/eigdjhmgnaaeaonimdklocfekkaanfme) | After installation, click the Obsidian icon in the browser toolbar to open the Clipper panel. On first use, it will automatically detect the running Obsidian vault and complete the association, no additional configuration required. We can set the Chinese language in the settings, click the Obsidian icon, then click the settings button: !(https://example.com/wp-content/uploads/2026/06/tutorial_1780455188172.png) Set the language to Chinese in the General options: !(https://example.com/wp-content/uploads/2026/06/tutorial_1780455158661.png) * * * ## Core Features Web Clipper provides two main usage modes: Full Page Clip and Highlight Clip. ### Full Page Clip Open any webpage, click the extension icon, then click "Add to Obsidian", and the page content will be saved to your vault in Markdown format. Web Clipper automatically extracts the following content: * Article body (ads and sidebar removed) * Title, author, publication date, description * Page URL and source domain * Code blocks (syntax highlighting preserved), mathematical formulas (LaTeX format) !(https://example.com/wp-content/uploads/2026/06/tutorial_1780454126644.png) ### Highlight Clip Don't want to save the entire article? Select the paragraphs you're interested in, click the highlight button, and only save the highlighted portions. Highlight content is written to the note as blockquotes (>). When you revisit the page, your highlights are still visible. The operation process is as follows: 1. Select text or images on the page with your mouse 2. Click the extension icon 3. Select "Highlight Selection" 4. After accumulating all highlights, click "Add to Obsidian" to save them all at once !(https://example.com/wp-content/uploads/2026/06/tutorial_1780454859925.png) You can also right-click to select Obsidian Web Clipper to save: !(https://example.com/wp-content/uploads/2026/06/tutorial_1780454703611.png) * * * ## Templates: Making Clips Smarter This is the most powerful feature of Web Clipper. By default, all webpages are saved in the same format, but templates allow you to customize the save structure for different types of webpages. We can view the Default in the template options on the settings page: !(https://example.com/wp-content/uploads/2026/06/runo