- Share your bookmarks app via a single HTML file.
- It's free and open source.
- Browser-independent.
- Import bookmarks from Chrome, Firefox or Pocket.
- Install Static Marks:
npm install -g static-marks
- Convert your (exported) browser bookmarks to YAML:
static-marks import browser-bookmarks.html > bookmarks.yml
- Generate your bookmarks app:
static-marks build bookmarks.yml > bookmarks.html
- As a globally available CLI tool:
npm install -g static-marks
- As a local dependency in your project:
npm install --save static-marks
- As a docker container (unofficial).
static-marks [options] <command>
Options:
-V, --version output the version number
-h, --help output usage information
Commands:
build [options] <files...> build bookmarks app
import [options] <file> import bookmarks from chrome, firefox or pocket
Run static-marks <command> --help
to view the usage of a specific command.
static-marks build [options] <files...>
Options:
-o, --output [file] output to a file (use stdout by default)
-t, --title [title] set document title
--template-file [file] use a custom web page template
Examples:
static-marks build bookmarks.yml > bookmarks.html # Single file
static-marks build files/* > bookmarks.html # All files at path
static-marks import [options] <file>
Options:
-o, --output [file] output to a file (use stdout by default)
Examples:
static-marks import exported.html > imported.yml
- Use custom browser search engines with a
?search=%s
URL param (example). - Use custom web page templates. If you don't like the default UI, provide your own (example based on this template).
Bookmark files are written in YAML. There are multiple levels of hierarchy:
Collection:
- Bucket:
- Link: https://example.com
A link URL can be expressed either as an item property or as a child item:
- Link 1: https://example.com
- Link 2:
- https://example.com
Notes and nested links are added as children of a link (the first element is the link URL):
- Link with notes:
- https://example.com
- This is a text note
- Link note: https://example.com</pre>
Here's a complete example:
Collection:
- Bucket:
- Link 1: https://example.com
- Link 2:
- https://example.com
- Link with notes:
- https://example.com
- This is a text note
- Link note: https://example.com</pre>
If multiple files are provided to static-marks
, they will become selectable via a menu.
Copyright 2019 Darek Kay hello@darekkay.com
This project and its contents are open source under the MIT license.