Using hugo https://gohugo.io/，我正在尝试制作一个带有可折叠部分的网页。在 html 中，这可以通过以下方式完成：
<details>
<summary>Click to expand!</summary>
Hidden explanation
</details>
hugo uses markdown https://gohugo.io/content-management/formats/向网站添加内容。我认为很可能有办法hugo添加一个可折叠部分markdown文件，因为我发现了一些在线信息 https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab通常在 Markdown 中添加可折叠部分。
然而，我无法在特定的背景下完成这项工作hugo。
换句话说，仅仅在markdown中添加那段html代码是行不通的。这是有道理的，因为我假设 Hugo 的 markdown 引擎不处理原始 html。
我怎样才能在hugo中使用这段html代码？
如果将来有人感兴趣，我是这样解决这个问题的：
在中创建一个短代码/layouts/shortcodes/details.html
<details>
<summary>{{ (.Get 0) | markdownify }}</summary>
{{ .Inner | markdownify }}
</details>
然后这个短代码可以在内容文件中的 markdown 中使用，如下所示：
{{< details "This is the summary" >}}
Collapsed text
{{< /details >}}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
