问题标签 [mermaid]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何让 GitHub Pages Markdown 支持美人鱼图?
我希望通过简单的提交和推送在 GitHub 页面中使用美人鱼。
换句话说,我希望像这样写入我的降价文件
并在我的 _layouts/post.html 上添加一些 js,以某种方式将其转换为美人鱼图。
我发现这个主题声称它支持这样的事情。但是这个主题对我来说太重了,js太多了,所以我以为我只能使用这个文件,这很简单
在我的_include/mermaid.html中,我换成{{ _sources.mermaid }}
了美人鱼cdn
它仍然无法正常工作。在我的帖子中,它显示为常规代码块,而不是美人鱼图。
编辑:在 chrome 开发人员看来,我没有看到与 link 建立的任何连接https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js
。
我尝试了这段代码,network
在开发人员视图中的标签中建立了与美人鱼的连接,但美人鱼图仍然不起作用
markdown - 美人鱼的空间
我保存了一个 .md 文件,我正在使用 Atom 和 Mermaid Preview 包查看它。我将在他们的 GitHub 页面上关闭示例:
这很好,但是如何在文本中添加空格?例如:
当我输入空格时,预览器变为空白。我尝试添加引号,但这没有帮助。
html - 我无法在 gitlab 的 wiki 功能中向美人鱼流程图添加超链接
我想将我的流程图用作目录,它还以时间顺序模糊地表示并行事件的进展及其相互关系。
我知道使用降价创建这些图表。通过为“B”节点添加“单击”行,当悬停在节点上时,我可以看到我的光标发生了变化,就好像它是一个链接一样,但是任何选择它的尝试都不起作用。
这是 Gitlab 本身的限制吗?
html - 我是否能够以某种方式在 markdown 中的美人鱼流程图上使用 css(或更具体地说是放大)?
我试过这样使用 div 标签: <div style="width:300px; height:300px">
包含美人鱼图表的“```”引号,但没有任何反应。我基本上是在尝试根据这篇文章https://github.com/knsv/mermaid/issues/535的解决方案在图表上使用 css,但我假设他们的图表不是通过降价实现的。
我也在尝试通过 gitlab 的 wiki 功能来做到这一点。
gitlab - 如何添加空间来阻止标题?
是否可以在美人鱼流程图生成中的块标题中的单词之间添加空格?
基本上我需要类似的东西:
SearchService-->items details
但是在尝试时我得到一个错误和空白流程图。
与此问题有关:未回答的美人鱼中的空间。