Hugo学习250728

1. 可折叠列表 HTML5 标签，折叠内容无法支持原生markdown语法

#

1. config.yaml中配置，允许渲染 HTML 标签

1markup:
2  goldmark:
3    renderer:
4      unsafe: true

2. 使用原生html5 details标签

1<details>
2  <summary>点击展开查看详情</summary>
3  
4  这里是隐藏的内容，支持 **Markdown** 格式：
5  
6  - 列表项1
7  - 列表项2
8  - [链接](https://example.com)
9</details>

3. 嵌套

<details>
  <summary>三级折叠标题</summary>
  
  - 这是三级列表
  - 支持 Markdown
  - 可以无限嵌套（但建议不超过3-4层）
</details>

似乎只能嵌套两层

2. 可折叠列表 Blowfish短代码，折叠内容可以支持部分markdown语法

#

• Details

  1. 感受
      1. [环境秩序感有利于塑造良好音乐体验](https://wang-xu-97.github.io/nayun.github.io/tech/frontend/hugo/hugo%E7%90%86%E8%A7%A3/)
          控制感提升审美敏感度：```当环境有序时，人会产生掌控感，降低焦虑，使大脑更开放地接收音乐中的情感信息（如悲伤旋律更易引发共情）。```
  1. 目标（电子琴曲谱练习+人声演唱练习）
      1. 当前阶段电子琴最终目标
          1. 《lemon》
          1. 《勿听》
          1. 《不由己》
          1. 《问》
          1. 《新写的旧歌》
          1. 《晚婚》
          1. 《打上花火》
          1. 良好环境秩序感
      1. ```阶段性目标```
          1. 《lemon》 --> 《勿听》 --> 《不由己》
          1. 改善环境秩序感
  

• Details

  1. [环境秩序感有利于塑造良好音乐体验](https://wang-xu-97.github.io/nayun.github.io/tech/frontend/hugo/hugo%E7%90%86%E8%A7%A3/)
  

似乎会自动转换为高亮块，不好用