---

mindmap-plugin: basic (or rich)

---

---

mindmap-plugin: basic

---

# Mark mind for obsidian

## Links
- <https://github.com/MarkMindLtd/obsidian-markmind>
- [GitHub](https://github.com/MarkMindLtd/obsidian-markmind)

## Related
- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)

## Features
- links
- **inline** ~~text~~ *styles*
- multiline
   text
- `inline code`
- Katex - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

---

mindmap-plugin: rich

---

# md 

``` json
{...}

**注意： rich 模式下支持对文件的更改，但是一定不要更改json部分，否则会破坏思维导图数据的完整性**


### 思维导图快捷键

| 新建导图                           | Ctrl/Cmd+P                   |
| --------------------------------------- | ---------------------------- |
| 新建节点                          | Tab                          |
| 新建同级节点                      | enter                        |
| 删除节点                             | Delete/Backspace             |
| 编辑节点                              | Space/dblclick node          |
| 撤销                                   | Ctrl/Cmd+Z                   |
| 恢复                                    | Ctrl/Cmd+Y                   |
| 退出编辑节点                          | Tab                          |
| 展开节点                             | Ctrl/Cmd + /                 |
| 收缩节点                           | Ctrl/Cmd + /                 |
| 拖放节点               | Drag and drop node           |
| 切换焦点节点                               | Up/down/left/right           |
| 放大、缩小画布                             | Ctrl/Cmd + mouse wheel       |
| 居中根节点                     | Ctrl/Cmd + E                 |
| 切换导图布局                  | 选中某节点 ，Ctrl/Cmd + U / D / L / R / M / J / K / T / Q  |
| 删除归纳、外框、联系线 | Delete/Backspace             |

#### 如何在rich模式下获取 markdown 文本 ?
可以在更多菜单中找到`复制为markdown`菜单选项

<img src = 'https://user-images.githubusercontent.com/18719494/142220099-a69fa850-4ead-465a-98e5-f45611b48b55.gif' width='800px'>

#### 如何导出图片 ?
使用 `ctrl + p` , 执行 `导出思维导图为html` 命令即可 

### 思维导图演示

<img src = 'https://user-images.githubusercontent.com/18719494/130028629-1a1e448d-32b9-4201-b152-1ad09439e18e.gif' width="800px">

## PDF 标注

- 高亮文字
- 矩形标注，该功能在您的文件夹将会自动生成一个图片
- 创建导图节点和标注之间的双向联系


### 如何使用PDF标注功能

### <span style="color:red">标注步骤</span>

> 下载pdfjs 插件

[PC pdfjs plugin](https://github.com/MarkMindCkm/obsidian-markmind/releases/download/1.4.5/pc.pdfjs.zip)    
[andrios pdfjs plugin](https://github.com/MarkMindCkm/obsidian-markmind/releases/download/1.3.6/mobile.pdfjs.zip)    
[ios pdfjs plugin](https://github.com/MarkMindCkm/obsidian-markmind/releases/download/1.3.6/mobile.pdfjs.zip)  



#### 如何在设置pdfjs插件路径

  - 下载安卓 和 IOS pdf 插件 ，解压，安卓默认放在 `andriod 文件夹下的 pdfjs 文件夹` ,Ios 默认放在 `ios文件夹下的pdfjs文件夹`  
  - 安卓系统默认放在库路径下的`andriod` 文件夹下的 `pdfjs` 文件夹，即在您的库中新建一个andriod文件夹，在andriod文件夹下放入解压后的pdfjs  
  - IOS 系统默认放在库文件夹下的 `ios` 文件夹下的`pdfjs`，即在您的库中新建一个ios文件夹，然后放入解压后的pdfjs文件夹  
  - 电脑端默认放在 `.obsidian` 文件夹下
  - 保证库中存在至少一个md 文件
  - 调出命令面板，找到 `设置 pdfjs 插件路径` 命令，点击即可

![pdfjs](https://user-images.githubusercontent.com/18719494/167292216-78804074-5d72-4a29-b3ad-ecf14ae44fdf.gif)

pdf js 插件路径在不同的平台上需要单独设置 ，设置页面也会显示不同的路径

如果上面的步骤在ios 上不行的话，你可以尝试 `filza` 应用，可以找到 obsidian 路径


#### 解压后请确认 pdfjs 文件夹下的子文件夹 

![folder](https://user-images.githubusercontent.com/18719494/163680014-432c40b6-899d-43dd-9547-48eb9577974f.gif)




1. 首先下载 pdf js插件
2. 在设置页面添加PDF插件的路径，比如您将 pdf js 解压到D盘的plugins文件夹，那么就输入 D:plugins/pdfjs，注意是绝对路径 ，（苹果产品可以尝试 `filza` 应用 , 可以找到obsidian应用的绝对路径）
3. 打开为思维导图
4. 使用`[[]]`链接pdf
5. 点击后会自动打开PDF阅读器，之后就可以使用标注功能了
6. 目前保存标注的方式有两种
    - 默认的情况下，使用pdf标注功能会在您的文件夹中生成对应的`annos`文件，该文件保存的是pdf标注的信息，其本质是一个`json`文件
    - 在设置页面中将保存标注方式更改为`markdown`，最好重启一下obsidian，在这种情况下，使用pdf标注功能将会在您的文件夹中生成一个`${pdf name}-annotate.md`形式的markdown文件，这个文件中，每个标注都有一个块标志，你可以在其他的文件中引用该块，注意：最好不要修改该文件，因为每当进行标注时，程序都会自动重新生成该文件。
7. 您可以在`更多`菜单下，选择隐藏思维导图，从而只用PDF标注功能，这样您可以随意的拖动窗口，比如将PDF标注放在左侧、上侧等等



### pdf 标注快捷键

| 功能             | 快捷键                       |
| -------------------- | ------------------------------- |
| 高亮黄色    | CTRL/CMD/ALT + Y                          |
| 高亮绿色                |  CTRL/CMD/ALT + G                            |
|  高亮蓝色             |  CTRL/CMD/ALT + B                       |
|  高亮粉红         |  CTRL/CMD/ALT + P |
| 高亮红色            | CTRL/CMD/ALT + R                     |
|删除标注  |     CTRL/CMD/ALT + Delete/Backspace             |

   

### 如何创建节点和标注之间的联系？

有三种方式可以添加PDF标注和节点的联系

#### 默认的方式，这种方式只能在rich模式下的思维导图中使用，未开启协议支持情况
- 创建一个标注
- 点击标注，会自动将标注信息复制的剪贴板
- 编辑某个导图节点，使用 `ctrl/cmd + v`即可创建联系，在节点上将会生成一个标注标志
- 点击标注标志将会自动复制标注的唯一`id`至剪贴板，这样可以使用搜索功能查看有哪些文件引用了该标注

#### 第二种是使用 `obsidian://jump-to-pdf`协议，这种方式可以支持markdown文件、大纲模式以及思维导图
- 首先在设置中，打开协议支持，最好重新启动obsidian
- 创建一个思维导图，并引用一个PDF文件, 使用`[[]]`语法
- 点击PDF, 进行标注，如果你只想使用PDF标注功能，可以在菜单中 `隐藏思维导图`
- 点击标注将会自动生成对应的引用 , 并且复制到剪贴板
- 复制引用到markdown文件中

##### 在rich模式下
   - 如果开启了协议支持，按住ctrl/cmd键，点击思维导图节点会自动生成一个对该节点的引用链接,同样节点也可以使用上面的方法引用PDF标注
   - 不开启协议支持，将保持原来的功能

PDF 标注形式如下 ：xxxxxx[📌](obsidian://jump-to-pdf?pdf=xxxxxx.pdf&annotate=xxxxxx)
思维导图节点引用形式如下 ：xxxxxx[🔖](obsidian://jump-to-pdf?md=xxxxxx.md&note=xxxxxx)


#### 第三种则是使用markdown文件保存标注，这种方式是最好的，可以融合markdown文件、大纲和思维导图
 - 可以在其他文件中使用 `[[${md name}#${block reference}]]` 语法链接标注
 - 点击链接
   - 如果已经打开某个思维导图并且正在标注PDF，则会直接打开对应的PDF，并跳转的对应的标注位置
   - 如果未在标注，则会随机打开一个思维导图，并进入PDF标注模式，跳转的对应的标注位置



### 演示


#### `obsidian://jump-to-pdf`
![1](https://user-images.githubusercontent.com/18719494/130034457-f9f44170-6030-4179-b59f-21d4035c82c7.gif)

![2](https://user-images.githubusercontent.com/18719494/130034688-496d8156-d4c5-4764-bc4e-a9e0d7e2a499.gif)

![3](https://user-images.githubusercontent.com/18719494/130034968-7e8ff685-7ce7-4bd8-aa11-f8e7fd71bbf0.gif)

![4](https://user-images.githubusercontent.com/18719494/130035036-fe5394ed-8e18-4e3e-922e-81674f132061.gif)

#### 用markdown 方式保存标注
![1](https://user-images.githubusercontent.com/18719494/131444787-c6168197-ecd6-4b20-a134-39eb54c47d90.gif)
![2](https://user-images.githubusercontent.com/18719494/131444872-6b11111d-48de-462d-b96a-d468a0aeb8ef.gif)

## 大纲
在`basic`模式下，添加`yaml`用以激活大纲模式

## 大纲快捷键

| 功能             | 快捷键                       |
| -------------------- | ------------------------------- |
| 新建同级节点     | Enter                           |
| 缩进               | Tab                             |
| 反缩进             | Shift+Tab                       |
| 以该节点为焦点              | Ctrl/Cmd+] Or Double Click Dott |
| 退出焦点             | Ctrl/Cmd+[                      |
| 上移或下移节点 | Ctrl/Cmd + up/down              |


![outline](https://user-images.githubusercontent.com/18719494/138630597-fc2396d1-c818-43dc-83eb-fa638d8a0028.gif)

### table

添加 yaml 激活表格模式:

![table](https://user-images.githubusercontent.com/18719494/150626028-8d8733d5-8cd2-4eaf-b369-73ebbbcc5244.gif)



## 支持我
  您也可以通过捐款支持我<br>
<a href="https://www.buymeacoffee.com/markmind"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=markmind&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff"></a>
<br>
<img src="https://user-images.githubusercontent.com/18719494/124471790-e3844f80-ddcf-11eb-83c6-c5c16996c206.png" width="200px"/>

<br>
<br>




## 更新日志  v1.4.5

1. 当标注 pdf 时 ，电脑版支持自动添加节点至思维导图 选中的节点或者默认的根节点，请同时更新 [电脑版 pdfjs 插件](https://github.com/MarkMindCkm/obsidian-markmind/releases/download/1.4.5/pc.pdfjs.zip)
2. 支持多选拖动节点至另一个节点，修复 #304
3. 修复 #312

----

![test1](https://user-images.githubusercontent.com/18719494/166091478-4cd1883c-7adf-4b00-af70-7b85c26ae796.gif)

![test2](https://user-images.githubusercontent.com/18719494/166091482-ef936504-15a4-48ef-aca1-6c69028e23d8.gif)



### v1.4.4


1. 修复 #280
2. 修复解析 obsidian callout 问题
3.  小提示 
    -  可以在设置页面设置颜色组 来定义连线的颜色
    - 在设置页面设置 节点设置页面颜色组


---

![color](https://user-images.githubusercontent.com/18719494/163660904-f7b7d3cd-4a7e-4ed5-a16f-6207532caaa8.gif)

![color1](https://user-images.githubusercontent.com/18719494/163660908-fc90ec0c-1388-4e75-a5b0-ec4fb3707b87.gif)

### v1.4.3

### 思维导图
1. 修复 #268 ，修复 rich 模式下 鱼骨图的问题
3. rich 模式 节点支持解析最新的obsidian 的 callout 语法

### pdf 标注
> 请更新最新版的 [电脑端 pdfjs 插件](https://github.com/MarkMindCkm/obsidian-markmind/releases/download/1.4.3/pc.pdfjs.zip)
快捷键更改为以下(mac 系统也可使用快捷键了)

| 功能  | 快捷键                       |
| -------------------- | ------------------------------- |
| 高亮黄色    | CTRL/CMD/ALT + Y                          |
| 高亮绿色                |  CTRL/CMD/ALT + G                            |
|  高亮蓝色             |  CTRL/CMD/ALT + B                       |
|  高亮粉红         |  CTRL/CMD/ALT + P |
| 高亮红色            | CTRL/CMD/ALT + R                     |
|删除标注  |     CTRL/CMD/ALT + Delete/Backspace             |


-----
### rich 模式节点支持解析 obsidian 最新的 callout 语法

![callout](https://user-images.githubusercontent.com/18719494/162611444-eb67ab20-01cf-4da1-b19f-126a1c2808b9.gif)




### v1.4.2

### PDF 标注工具
1. 支持注释网络上的 pdf ，但要需要保证可以访问，比如

2.  修复 #253 , 当导出pdf注释 , 只保留颜色数值 , 可以在设置页面修改导出格式如下 , 可以搭配自定义 admonition 使用

### 思维导图功能
1. 支持修改basic模式的布局方式 ，如下所示

注意: **要同时设置  `mindmap-layout` 和`mindmap-layout-direct` **

目前支持的布局和方向如下表所示
|layout|direct|
|---|---|
| mindmap | right/left/mindmap|
|fish| right/left|

2. basic模式支持生成手绘模式的思维导图 ,支持导出为图片但目前不支持在手绘模式下修改思维导图 ,   这是一个测试功能，后期将会应用于 rich 模式的思维导图

 `style.css` 中默认的手绘字体如下, 使用时需要联网加载字体

``` css
@font-face{
  font-family: 'myFont'; 
  src:url('http://cdn.ghost-jack.top/chinese.ttf');
}
.mm-handdraw-theme{
  font-family:'myFont';
}

@font-face{
  font-family: 'testFont'; 
  src:url('app://local/D:font/test.ttf');
}
.mm-handdraw-theme{
  font-family:'testFont';
}

Page:{{page}}
<span style="color:{{color}}">■</span>:{{highlightText}} 
Comment:{{comment}}
[📌]({{link}})
^{{id}}

---
mindmap-plugin: basic
display-mode: table
---

---
annotate-type: pdf
annotate-target: pdf/test.pdf
annotate-image-target: test/test
---

Page:{{page}}
<span style="color:{{color}}">■</span>:{{highlightText}} 
Comment:{{comment}}
^{{id}}

---
annotate-type: pdf
annotate-target: pdf/test.pdf
annotate-image-target: test/test
---

Page:{{page}}
Text:{{highlightText}} 
Comment:{{comment}}
^{{id}}