JS Flowchart Diagrams好像没效果

[opfanswyx]

在我的blog https://atticuslab.com/2015/03/js-flowchart-diagrams/ https://atticuslab.com/2020/07/js-sequence-diagrams-test/ 上使用，好像没效果，config.toml正确配置。

[mkmojo]

我也碰见了同样的问题。

config.toml

  [params.flowchartDiagrams]
    enable = true
    options = ""

  [params.sequenceDiagrams]
    enable = true
    options = "{theme: 'simple'}"

[mkmojo]

我觉得可能是因为两个原因：

1. code block识别错误
   其中code block被hugo引擎识别成了language-fallback。Even的代码需要依靠 language-sequence来画图。
   我怀疑是因为hugo中这个commit导致的: Add Goldmark as the new default markdown handler
2. js载入错误
   如图，绘画sequence diagram的js库无法被正常load。
   

[opfanswyx]

我觉得可能是因为两个原因：

1. code block识别错误
   其中code block被hugo引擎识别成了language-fallback。Even的代码需要依靠 language-sequence来画图。
   我怀疑是因为hugo中这个commit导致的: Add Goldmark as the new default markdown handler
2. js载入错误
   如图，绘画sequence diagram的js库无法被正常load。
   

抱歉我之前的那个连接有错误，是缓存的public文件，更新了连接后，没有原因2的报错了，我也倾向与你给的原因1，由于不懂前端，不知道怎么处理....

[mkmojo]

我在hugo的论坛发了个帖子问这个问题，得到了答复。

你试试把config.toml里的和 pygments 相关的设置注释掉试试看。

比如把下面这行注释掉

# pygmentsCodefencesGuessSyntax = true

[mkmojo]

@opfanswyx 发现您新的地址正常显示了，请问您修改了什么设定呀？

[opfanswyx]

@opfanswyx 发现您新的地址正常显示了，请问您修改了什么设定呀？

您好，首先还是要非常感谢你的帮助，抱歉今天才更你说，还是看了你在hugo的提问，感觉是高亮js的问题，我们blog的配置文件config.toml中默认的是go编写的Chroma，即pygments的那个高亮，同时config.toml还有另一个高亮选项highlight.js，而chroma的pygments与highlight.js不能同时开启，且只有开启了highlight.js这个才会有流程图。

进行了一些列如下选项的排列组合测试，发现是下面的配置，流程图即可正常使用哈：

pygmentsOptions = ""
ptgmentsCodefences = false
pygmentsUseClasses = false
pygmentsCodefencesGuessSyntax = false

highlightInClient = true #这个在下边

[mkmojo]

@opfanswyx 发现您新的地址正常显示了，请问您修改了什么设定呀？

您好，首先还是要非常感谢你的帮助，抱歉今天才更你说，还是看了你在hugo的提问，感觉是高亮js的问题，我们blog的配置文件config.toml中默认的是go编写的Chroma，即pygments的那个高亮，同时config.toml还有另一个高亮选项highlight.js，而chroma的pygments与highlight.js不能同时开启，且只有开启了highlight.js这个才会有流程图。

进行了一些列如下选项的排列组合测试，发现是下面的配置，流程图即可正常使用哈：

pygmentsOptions = ""
ptgmentsCodefences = false
pygmentsUseClasses = false
pygmentsCodefencesGuessSyntax = false

highlightInClient = true #这个在下边

果然可以了，谢谢你的帮助！
我最后把所有pygments相关的设置都注释掉了只留下highlightInClient ：

# pygmentsOptions = ""
# ptgmentsCodefences = false
# pygmentsUseClasses = false
# pygmentsCodefencesGuessSyntax = false

highlightInClient = true #这个在下边

[opfanswyx]

@opfanswyx 发现您新的地址正常显示了，请问您修改了什么设定呀？

您好，首先还是要非常感谢你的帮助，抱歉今天才更你说，还是看了你在hugo的提问，感觉是高亮js的问题，我们blog的配置文件config.toml中默认的是go编写的Chroma，即pygments的那个高亮，同时config.toml还有另一个高亮选项highlight.js，而chroma的pygments与highlight.js不能同时开启，且只有开启了highlight.js这个才会有流程图。
进行了一些列如下选项的排列组合测试，发现是下面的配置，流程图即可正常使用哈：

pygmentsOptions = ""
ptgmentsCodefences = false
pygmentsUseClasses = false
pygmentsCodefencesGuessSyntax = false

highlightInClient = true #这个在下边

果然可以了，谢谢你的帮助！
我最后把所有pygments相关的设置都注释掉了只留下highlightInClient ：

# pygmentsOptions = ""
# ptgmentsCodefences = false
# pygmentsUseClasses = false
# pygmentsCodefencesGuessSyntax = false

highlightInClient = true #这个在下边

恭喜，那关闭问题了哈