• Stars
    star
    257
  • Rank 158,728 (Top 4 %)
  • Language
    TypeScript
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

This is a plugin for https://github.com/logseq/logseq to provide mindmap support based on https://github.com/gera2ld/markmap.

Get me a coffee if you like this plugin!

Logseq Markmap Plugin

Github All Releases

Basic shortcuts

Screencast1

Traverse level by level and step by step

Screencast2

Focus in and out

Screencast3

This is a plugin for Logseq to provide mindmap support based on Markmap.

Installation and Usage

npm install
npm run build:prod # For real
npm run build # For development

Load unpack plugin from dist directory

Stack

  • Typescript
  • TailwindCSS
  • Vue
  • Markmap related packages

Version at least

Logseq v0.8.12+

Features

Most of features come from Markmap project.

  • Colorful markmap items.
  • Markmap toolbar included.
  • Support inline code and code block.
  • Support inline text styles.
  • Support normal links.
  • Support inline latex syntax.
  • Support mouse drag and drop, double click, scrollwheel zoom.
  • Provice many convenient shortcuts.
  • Support dark mode, and up to 16 themes.
  • Support Logseq block reference and page reference and page tag.
  • Support highlight syntax == for Markdown, ^^ for Org mode.
  • Workflow tags are Colorized.
  • Image partly supported, will be converted to image link.
  • Mainly support Markdown mode, Org mode partly supported.
  • Support trigger markmap in block page.
  • Support open next markmap in markmap.
  • Support node anchor to pick sub tree as the next markmap.
  • Support export as PNG and SVG.
  • Support pen mode, so you can draw on markmap.

Notes

  • The mindmap is not editable.
  • Properies are ignored.
  • Text length is unlimited.
  • # head markdown syntax is ignored, use hierarchical blocks instead.
  • Hiccup not supported.
  • Tested on Logseq v0.6.5.

Shortcuts

There are so many shortcuts for each action.

Markmap related

  • space: fit window in center in case you move or zoom it.
  • 0: hide all except the central one.
  • 9: show all.
  • 1: expand to level 1.
  • 2: expand to level 2.
  • 3: expand to level 3.
  • 4: expand to level 4.
  • 5: expand to level 5.
  • +: zoom in.
  • -: zoom out.
  • h: level up.
  • l: level down.
  • j: expand step by step.
  • k: collapse step by step.
  • .: focus in to children level.
  • b: focus out to parent level.
  • ,: reset to original tree.
  • n: focus to next sibling.
  • p: focus to previous sibling.
  • `: random change theme.
  • mod+b: reset theme according to Logseq theme.
  • ESC & q: close the mindmap.
  • UP: move mindmap up.
  • DOWN: move mindmap down.
  • LEFT: move mindmap left.
  • RIGHT: move mindmap right.
  • cmd+[: go backward.
  • cmd+]: go forward.
  • /: popup keybindings help model.

Markmap trigger

  • m m: trigger Markmap for non-editing mode, show currennt block and children when editing or highlighting, otherwise show all page blocks.
  • ctrl+m ctrl+m: trigger Markmap for editing mode, show current block and children.
  • /Markmap slash command: to trigger markmap for current block and children.
  • Markmap contextual menu item: to trigger markmap for current block and children.
  • Icon Button: to trigger markmap for current page.
  • ·ctrl+alt+shift+m ctrl+alt+shift+m`: to trigger markmap for current page, like the icon.

Markmap properties

Page properties

  • mark-map-title:: blahblah, to change the mindmap center node different from page title.
  • mark-map-collapsed, a page property.
    • Without this property, mindmap will follow Logseq blocks collapsed state by default.
    • mark-map-collapsed:: hidden, to hide Logseq collapsed blocks on mindmap.
    • mark-map-collapsed:: extend, ignore Logseq blocks collapsed state, extend all nodes on mindmap.
  • mark-map-limit:: N, to limit first level block list items.
  • mark-map-limit-all:: N, to limit all block list items.

Block properties

  • mark-map-display:: hidden, a block property, to hide the block.
  • mark-map-cut:: 30, a block property, to limit mindmap node text length.
  • mark-map-limit:: N, to limit block next level block list items.

Markmap settings

  • theme: to select your favorite theme, if you choose auto, then it will decide to use dark or light by Logseq's theme.

Contribution

Issues and PRs are welcome!

Buy me a coffee

If my plugin solve your situation a little bit and you will, you can choose to buy me a coffee via this and this.

Licence

MIT

More Repositories

1

logseq-plugin-vim-shortcuts

Add part of VIM key bindings experience to Logseq
TypeScript
294
star
2

logseq-plugin-comment-block

Building an automatic comment history for Logseq
TypeScript
64
star
3

logseq-plugin-move-block

A Logseq plugin help you copy any page blocks ref to today's journal page, very useful for task management case.
TypeScript
44
star
4

logseq-plugin-vim-editor

Logseq VIM editor
TypeScript
42
star
5

logseq-plugin-pen

Add a pen to Logseq
HTML
36
star
6

logseq-plugin-block-calendar

A block calendar for Logseq.
TypeScript
32
star
7

logseq-plugin-lock

Lock each Logseq block in even different password.
TypeScript
31
star
8

logseq-plugin-heading-level-shortcuts

A very tiny plugin for Logseq to bind shortcuts to change heading levels
TypeScript
20
star
9

logseq-plugin-task-management-shortcuts

Add shortcuts for Logseq task management
TypeScript
13
star
10

logseq-plugin-sidebar-preset

A Logseq plugin helps to reset sidebar.
TypeScript
12
star
11

logseq-plugin-global-custom-css

A plugin for Logseq themer
TypeScript
10
star
12

logseq-plugin-google-fonts

Change font for your notes and code.
TypeScript
10
star
13

go

A shell command which can help you manage massive remote linux servers ssh access
Shell
5
star
14

react-admin-demo

JavaScript
4
star
15

zignis-plugin-read

A command line tool to help getting main part of a page
JavaScript
3
star
16

logseq-plugin-lock-screen

Add lock screen for Logseq
TypeScript
3
star
17

zignis-plugin-read-extend-format-wechat

A plugin of zignis-plugin-read to provide wechat editor format
TypeScript
2
star
18

vipzhicheng

1
star
19

vipzhicheng.github.io

一个博客,记录着我的折腾笔记,包括但不限于Drupal, 服务器,性能优化,Node.js,移动开发。
HTML
1
star
20

logseq-plugin-random-block

Random block for Logseq
TypeScript
1
star