parent
b223e0b246
commit
019d09004d
|
Before Width: | Height: | Size: 2.3 KiB |
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
<title>Markmap</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#mindmap {
|
||||||
|
display: block;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/markmap-toolbar@0.16.0/dist/style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<svg id="mindmap"></svg>
|
||||||
|
<script src="https://unpkg.com/d3@7.8.5/dist/d3.min.js"></script><script src="https://unpkg.com/markmap-view@0.16.0/dist/browser/index.js"></script><script src="https://unpkg.com/markmap-toolbar@0.16.0/dist/index.js"></script><script>((r) => {
|
||||||
|
setTimeout(r);
|
||||||
|
})(() => {
|
||||||
|
const { markmap, mm } = window;
|
||||||
|
const toolbar = new markmap.Toolbar();
|
||||||
|
toolbar.attach(mm);
|
||||||
|
const el = toolbar.render();
|
||||||
|
el.setAttribute("style", "position:absolute;bottom:20px;right:20px");
|
||||||
|
document.body.append(el);
|
||||||
|
})</script><script>((getMarkmap, getOptions, root2, jsonOptions) => {
|
||||||
|
const markmap = getMarkmap();
|
||||||
|
window.mm = markmap.Markmap.create(
|
||||||
|
"svg#mindmap",
|
||||||
|
(getOptions || markmap.deriveOptions)(jsonOptions),
|
||||||
|
root2
|
||||||
|
);
|
||||||
|
})(() => window.markmap,null,{"content":"初中物理八年级上(人教版)","children":[{"content":"第一章 机械运动","children":[{"content":"第1节 长度和时间的测量","children":[{"content":"第2节 运动的描述","children":[{"content":"第3节 运动的快慢","children":[],"payload":{"lines":"4,5"}}],"payload":{"lines":"3,4"}}],"payload":{"lines":"2,3"}},{"content":"第4节 测量平均速度","children":[{"content":"本章复习","children":[],"payload":{"lines":"6,7"}}],"payload":{"lines":"5,6"}}],"payload":{"lines":"1,2"}},{"content":"第二章 声现象","children":[{"content":"第1节 声音的产生与传播","children":[{"content":"第2节 声音的特性","children":[{"content":"第3节 声的利用","children":[],"payload":{"lines":"11,12"}}],"payload":{"lines":"10,11"}}],"payload":{"lines":"9,10"}},{"content":"第4节 噪音的危害和控制","children":[{"content":"本章复习","children":[],"payload":{"lines":"13,14"}}],"payload":{"lines":"12,13"}}],"payload":{"lines":"8,9"}},{"content":"第三章 物态变化","children":[{"content":"第1节 温度","children":[{"content":"第2节 熔化和凝固","children":[{"content":"第3节 汽化和液化","children":[],"payload":{"lines":"18,19"}}],"payload":{"lines":"17,18"}}],"payload":{"lines":"16,17"}},{"content":"第4节 升华和凝华","children":[{"content":"本章复习","children":[],"payload":{"lines":"20,21"}}],"payload":{"lines":"19,20"}}],"payload":{"lines":"15,16"}},{"content":"第四章 光现象","children":[{"content":"第1节 光的直线传播","children":[{"content":"第2节 光的反射","children":[{"content":"第3节 平面镜成像","children":[],"payload":{"lines":"25,26"}}],"payload":{"lines":"24,25"}}],"payload":{"lines":"23,24"}},{"content":"第4节 光的折射","children":[{"content":"第5节 光的色散","children":[{"content":"本章复习","children":[],"payload":{"lines":"28,29"}}],"payload":{"lines":"27,28"}}],"payload":{"lines":"26,27"}}],"payload":{"lines":"22,23"}},{"content":"第五章 透镜及其应用","children":[{"content":"第1节 透镜","children":[{"content":"第2节 生活中的透镜","children":[{"content":"第3节 凸透镜成像的规律","children":[],"payload":{"lines":"33,34"}}],"payload":{"lines":"32,33"}}],"payload":{"lines":"31,32"}},{"content":"第4节 眼睛和眼镜","children":[{"content":"第5节 显微镜和望远镜","children":[{"content":"本章复习","children":[],"payload":{"lines":"36,37"}}],"payload":{"lines":"35,36"}}],"payload":{"lines":"34,35"}}],"payload":{"lines":"30,31"}},{"content":"第六章 质量与密度","children":[{"content":"第1节 质量","children":[{"content":"第2节 密度","children":[{"content":"第3节 测量物质的密度","children":[],"payload":{"lines":"41,42"}}],"payload":{"lines":"40,41"}}],"payload":{"lines":"39,40"}},{"content":"第4节 密度与社会生活","children":[{"content":"本章复习","children":[],"payload":{"lines":"43,44"}}],"payload":{"lines":"42,43"}}],"payload":{"lines":"38,39"}},{"content":"期中复习","children":[],"payload":{"lines":"45,46"}},{"content":"期末复习","children":[],"payload":{"lines":"47,48"}},{"content":"本册复习","children":[],"payload":{"lines":"49,50"}}],"payload":{"lines":"0,1"}},null)</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,45 +0,0 @@
|
|||||||
---
|
|
||||||
markmap:
|
|
||||||
colorFreezeLevel: 2
|
|
||||||
---
|
|
||||||
|
|
||||||
# markmap
|
|
||||||
|
|
||||||
## 第一章 
|
|
||||||
|
|
||||||
- [Website](https://markmap.js.org/)
|
|
||||||
- [GitHub](https://github.com/gera2ld/markmap)
|
|
||||||
|
|
||||||
## Related Projects
|
|
||||||
|
|
||||||
- [coc-markmap](https://github.com/gera2ld/coc-markmap) for Neovim
|
|
||||||
- [markmap-vscode](https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode) for VSCode
|
|
||||||
- [eaf-markmap](https://github.com/emacs-eaf/eaf-markmap) for Emacs
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
Note that if blocks and lists appear at the same level, the lists will be ignored.
|
|
||||||
|
|
||||||
### Lists
|
|
||||||
|
|
||||||
- **strong** ~~del~~ *italic* ==highlight==
|
|
||||||
- `inline code`
|
|
||||||
- [x] checkbox
|
|
||||||
- Katex: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$ <!-- markmap: fold -->
|
|
||||||
- [More Katex Examples](#?d=gist:af76a4c245b302206b16aec503dbe07b:katex.md)
|
|
||||||
- Now we can wrap very very very very long text based on `maxWidth` option
|
|
||||||
|
|
||||||
### Blocks
|
|
||||||
|
|
||||||
```js
|
|
||||||
console('hello, JavaScript')
|
|
||||||
```
|
|
||||||
|
|
||||||
| Products | Price |
|
|
||||||
|-|-|
|
|
||||||
| Apple | 4 |
|
|
||||||
| Banana | 2 |
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
https://markmap.js.org/repl
|
|
||||||
|
|
||||||
https://github.com/markmap/markmap
|
|
||||||
Loading…
Reference in new issue