liamballin/obsidianbookmark

Chrome extension and nodejs server to allow web clipping to Obsidian.

Obsidian Bookmark

A Chrome extension and nodejs server to allow web clipping to Obsidian.

The extension copies highlight areas of a web page to markdown, and sends it to a local node server. This then saves it as a markdown file in a folder, like an Obsidian vault, the user has chosen.

Until Obsidian supports adding new notes through their custom Obsidian:// URL protocol, this might be the best way.

Inspired by jplattel's Obsidian clipper - a much less janky solution.

Features

• Automatically create a markdown note from a webpage.
• Notes use a Zettelkasten identifier prefix, and the title of the webpage.
• Downloads highlighted images to a custom attatchement folder, and updates links in the note.

Roadmap

• Allow adding tags in browser to recently saved note
• Add config page to extension to set port and clip template
• Download and link images asynchronously
• Intergrate server into Obsidian plugin (?)

Installation:

---

For Mac or Linux, clone this repo and, in the server folder, run npm install . then electron-packager .. This will automatically crete a binary for your platform and architechture

Download both .rar archives from Releases page.

Extract files

Chrome extension:

Open chrome://extensions and turn on Developer mode in the top right. Select load unpacked and choose the extension folder.

Server:

Once the folder is extracted from the archive, running obsidian-bookmark.exe will launch the server. Choose a location for the vault root file and save location if different (Specific folder for web bookmarks)

Usage

---

With the node server running, clicking the extension icon will save the current page as a markdown bookmark.

Any selected text or images will be included in the note.

obsidianbookmark's Issues

Clipboard Hotkey

Would appreciate the option to set a hotkey for sending it to the clipboard instead of a new note

Great project, very useful

This is the best Obsidian bookmark setup I've found. I would gladly chip in a few bucks to help with development once you get a page setup. Thank you!

Is this redundant now that obsidian has the obsidian://?

See: https://forum.obsidian.md/t/bookmarklet-send-to-obsidian/13415

So we no longer need to runner a server to save a file to our vault?

The path to save image on Mac should be using forward slash

The default now is to save using backslash which does not work in Mac.

Windows, Mac, Linux?

I see Obisdian-server.exe. Does it works only on windows.
But I don't see anything mentioned in description.

Offline images

Please download images offline.
The plugin is amazing tho!