博客园Markdown语法折叠代码块,并支持内嵌Markdown语法+HTML

最重要的来了

  • 实例代码
    1
    2
    3
    4
    5
    咖啡金额
    <details>
    <summary>点击查看折叠代码块</summary>

    </details>
    在这里插入图片描述

如果你想修改样式的话

点击查看教程
  • 首先申请博客园JS权限

在这里插入图片描述
在这里插入图片描述

  • 再添加CSS样式,也可以根据自己的需求自定义去修改
1
2
3
4
5
6
/*修改折叠代码块*/
#cnblogs_post_body details summary:hover
{
cursor: pointer;/*鼠标放上去显示小手*/
color:blue;/*鼠标放上去字体变为蓝色*/
}

在这里插入图片描述

最后

  • 看了无数的Markdown的文章,最后还是自己无意中发现了折叠代码块…
  • 学到了吗?