InkStone

Canvas Boards

Contents

Publishing a canvas

Name the file with __website before the .canvas extension:

My Board__website.canvas
Use the filename marker

Do not add "website": true inside the canvas JSON. Obsidian may overwrite the JSON on save and will erase it. The __website filename suffix is the only reliable way to publish a canvas.

The title is the filename with __website stripped: My Board__website.canvas โ†’ title "My Board", URL /my-board.

Node types

Node type Rendered as
Text node Markdown with full callout, checkbox, and Dataview support
File node Scrollable HTML preview of the linked published post
Link node Clickable card with the domain and an โ†— external link icon
Group node Color-tinted background region grouping other nodes

File nodes show the post's title and full body HTML. The linked vault file must be a published note โ€” unpublished files render as an empty card.

Edge directionality

Edges drawn with fromEnd/toEnd in Obsidian get SVG arrow markers pointing toward the target node. Bidirectional and undirected edges render without arrowheads.

Embedding a canvas in a note

Embed a published canvas inline inside any markdown note:

![[My Board__website]]
![[My Board__website.canvas]]

Obsidian sometimes inserts the full vault-relative path when you use its link picker โ€” that works too:

![[blog/My Board__website.canvas|My Board__website]]

The canvas renders as a fully interactive block โ€” pan, zoom, wide mode, and all โ€” right inside the note body. The canvas must be published (via the __website filename suffix) for the embed to resolve; if it isn't, the syntax is left as-is in the output.

Regular wiki-links ([[My Board__website.canvas]]) also resolve correctly โ€” InkStone strips the path prefix, .canvas extension, and __website marker from both the URL and the displayed link text automatically.

Controls

Action How
Pan Click and drag on the canvas background
Zoom Scroll wheel
Fit to view Click the fit button (โ›ถ) in the toolbar
Wide mode Click the wide-view button (โ›ถ) โ€” canvas fills the window; press Esc to exit

Examples

Link: My Writing Process

explore
example
Writing

Idea

A shower thought, a book quote, a frustration.

Research

  • Obsidian notes
  • Highlights
  • Linked concepts

See also: Markdown Features

Draft

Write in a new .md file. Don't edit โ€” just write.

Edit

Trim, restructure, cut the first paragraph.

Publish

Rename the canvas to end with __website before .canvas, push to GitHub โ€” site updates.

Everything lives in Obsidian. InkStone does the rest.