# **![logo](extension/icons/favicon-48x48.png) Obsidian Bookmark**

![Screencap](docs/sceencap1.gif)

# 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](https://github.com/jplattel/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](https://github.com/Liamballin/ObsidianBookmark/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.