hyung-hwan/playground
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated files with kroki and mermaid plugins

Browse Source
This commit is contained in:
hyung-hwan
2023-10-14 21:10:41 +09:00
parent 7ca3ca34d1
commit b18d4ca440
2 changed files with 209 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
web-doc/index.html
View File

@ -1,20 +1,81 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta charset="UTF-8" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta charset="UTF-8" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css" />
<!-- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> -->
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/fontawesome.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/brands.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/regular.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/solid.css" />
</head>
<body>
<div data-app id='main'></div>
<script>
window.$docsify = {
el: '#main',
loadSidebar: true, // when true, _sidebar.md is required
coverpage: false // when true, _coverpage.md is required
};
</script>
<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
<div data-app id='main'></div>
<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
<script>
window.$docsify = {
el: '#main',
loadSidebar: true, // when true, _sidebar.md is required
coverpage: false, // when true, _coverpage.md is required
mermaidConfig: {
querySelector: '.mermaid'
},
kroki: {
langs: [
"actdiag",
"blockdiag",
"bpmn",
"bytefield",
"c4plantuml",
"d2",
"dbml",
"ditaa",
"erd",
"excalidraw",
"graphviz",
//"mermaid",
"nomnoml",
"nwdiag",
"packetdiag",
"pikchr",
"plantuml",
"rackdiag",
"seqdiag",
"structurizr",
"svgbob",
"symbolator",
"tikz",
"vega",
"vegalite",
"wavedrom",
"wireviz",
],
// default
serverPath: "//kroki.io/",
},
};
</script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-c.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-go.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-javascript.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-typescript.min.js"></script>
<script src="//unpkg.com/mermaid/dist/mermaid.js"></script>
<script src="//unpkg.com/docsify-mermaid@latest/dist/docsify-mermaid.js"></script>
<script>
mermaid.initialize({
startOnLoad: true,
securityLevel: 'loose',
//logLevel: 0
});
</script>
<script src="//unpkg.com/docsify-kroki"></script>
</body>
</html>