64 lines
8.8 KiB
HTML
64 lines
8.8 KiB
HTML
<!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://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.8.0/styles/default.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.16.0/dist/style.css">
|
||
</head>
|
||
<body>
|
||
<svg id="mindmap"></svg>
|
||
<script src="https://cdn.jsdelivr.net/npm/d3@7.8.5/dist/d3.min.js"></script><script src="https://cdn.jsdelivr.net/npm/markmap-view@0.16.0/dist/browser/index.js"></script><script>((getMarkmap) => {
|
||
window.WebFontConfig = {
|
||
custom: {
|
||
families: [
|
||
"KaTeX_AMS",
|
||
"KaTeX_Caligraphic:n4,n7",
|
||
"KaTeX_Fraktur:n4,n7",
|
||
"KaTeX_Main:n4,n7,i4,i7",
|
||
"KaTeX_Math:i4,i7",
|
||
"KaTeX_Script",
|
||
"KaTeX_SansSerif:n4,n7,i4",
|
||
"KaTeX_Size1",
|
||
"KaTeX_Size2",
|
||
"KaTeX_Size3",
|
||
"KaTeX_Size4",
|
||
"KaTeX_Typewriter"
|
||
]
|
||
},
|
||
active: () => {
|
||
getMarkmap().refreshHook.call();
|
||
}
|
||
};
|
||
})(() => window.markmap)</script><script src="https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.js" defer></script><script src="https://cdn.jsdelivr.net/npm/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":"markmap","children":[{"content":"Links <img src=\"https://www.edusoa.com/dsideal_yy/images/portals_index/logo.png\" alt=\"\">","children":[{"content":"<a href=\"https://markmap.js.org/\">Website</a>","children":[],"payload":{"lines":"5,6"}},{"content":"<a href=\"https://github.com/gera2ld/markmap\">GitHub</a>","children":[],"payload":{"lines":"6,8"}}],"payload":{"lines":"3,4"}},{"content":"Related Projects","children":[{"content":"<a href=\"https://github.com/gera2ld/coc-markmap\">coc-markmap</a> for Neovim","children":[],"payload":{"lines":"10,11"}},{"content":"<a href=\"https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode\">markmap-vscode</a> for VSCode","children":[],"payload":{"lines":"11,12"}},{"content":"<a href=\"https://github.com/emacs-eaf/eaf-markmap\">eaf-markmap</a> for Emacs","children":[],"payload":{"lines":"12,14"}}],"payload":{"lines":"8,9"}},{"content":"Features","children":[{"content":"Lists","children":[{"content":"<strong>strong</strong> <del>del</del> <em>italic</em> <mark>highlight</mark>","children":[],"payload":{"lines":"20,21"}},{"content":"<code>inline code</code>","children":[],"payload":{"lines":"21,22"}},{"content":"<svg width=\"16\" height=\"16\" viewBox=\"0 -3 24 24\"><path d=\"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z\"></path></svg> checkbox","children":[],"payload":{"lines":"22,23"}},{"content":"Katex: <span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\"><semantics><mrow><mi>x</mi><mo>=</mo><mfrac><mrow><mo>−</mo><mi>b</mi><mo>±</mo><msqrt><mrow><msup><mi>b</mi><mn>2</mn></msup><mo>−</mo><mn>4</mn><mi>a</mi><mi>c</mi></mrow></msqrt></mrow><mrow><mn>2</mn><mi>a</mi></mrow></mfrac></mrow><annotation encoding=\"application/x-tex\">x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.4306em;\"></span><span class=\"mord mathnormal\">x</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:1.3845em;vertical-align:-0.345em;\"></span><span class=\"mord\"><span class=\"mord\"><span class=\"mopen nulldelimiter\"></span><span class=\"mfrac\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:1.0395em;\"><span style=\"top:-2.655em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mtight\">2</span><span class=\"mord mathnormal mtight\">a</span></span></span></span><span style=\"top:-3.23em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"frac-line\" style=\"border-bottom-width:0.04em;\"></span></span><span style=\"top:-3.394em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mtight\">−</span><span class=\"mord mathnormal mtight\">b</span><span class=\"mbin mtight\">±</span><span class=\"mord sqrt mtight\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.9221em;\"><span class=\"svg-align\" style=\"top:-3em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"mord mtight\" style=\"padding-left:0.833em;\"><span class=\"mord mtight\"><span class=\"mord mathnormal mtight\">b</span><span class=\"msupsub\"><span class=\"vlist-t\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.7463em;\"><span style=\"top:-2.786em;margin-right:0.0714em;\"><span class=\"pstrut\" style=\"height:2.5em;\"></span><span class=\"sizing reset-size3 size1 mtight\"><span class=\"mord mtight\">2</span></span></span></span></span></span></span></span><span class=\"mbin mtight\">−</span><span class=\"mord mtight\">4</span><span class=\"mord mathnormal mtight\">a</span><span class=\"mord mathnormal mtight\">c</span></span></span><span style=\"top:-2.8821em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"hide-tail mtight\" style=\"min-width:0.853em;height:1.08em;\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"400em\" height=\"1.08em\" viewBox=\"0 0 400000 1080\" preserveAspectRatio=\"xMinYMin slice\"><path d=\"M95,702\nc-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14\nc0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54\nc44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10\ns173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429\nc69,-144,104.5,-217.7,106.5,-221\nl0 -0\nc5.3,-9.3,12,-14,20,-14\nH400000v40H845.2724\ns-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7\nc-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z\nM834 80h400000v40h-400000z\"></path></svg></span></span></span><span class=\"vlist-s\"></span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.1179em;\"><span></span></span></span></span></span></span></span></span></span><span class=\"vlist-s\"></span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.345em;\"><span></span></span></span></span></span><span class=\"mclose nulldelimiter\"></span></span></span></span></span></span>","children":[{"content":"<a href=\"#?d=gist:af76a4c245b302206b16aec503dbe07b:katex.md\">More Katex Examples</a>","children":[],"payload":{"lines":"24,25"}}],"payload":{"lines":"23,25","fold":1}},{"content":"Now we can wrap very very very very long text based on <code>maxWidth</code> option","children":[],"payload":{"lines":"25,27"}}],"payload":{"lines":"18,19"}},{"content":"Blocks","children":[{"content":"<pre data-lines=\"29,32\"><code class=\"language-js\"><span class=\"hljs-title function_\">console</span>(<span class=\"hljs-string\">'hello, JavaScript'</span>)\n</code></pre>","children":[],"payload":{"lines":"29,32"}},{"content":"<table data-lines=\"33,37\">\n<thead data-lines=\"33,34\">\n<tr data-lines=\"33,34\"><th data-lines=\"33,34\">Products</th><th data-lines=\"33,34\">Price</th></tr>\n</thead>\n<tbody data-lines=\"35,37\">\n<tr><td>Apple</td><td>4</td></tr>\n<tr><td>Banana</td><td>2</td></tr>\n</tbody>\n</table>","children":[],"payload":{"lines":"33,37"}},{"content":"<img src=\"/favicon.png\" alt=\"\">","children":[]}],"payload":{"lines":"27,28"}}],"payload":{"lines":"14,15"}}],"payload":{"lines":"1,2"}},{"colorFreezeLevel":2})</script>
|
||
</body>
|
||
</html>
|