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

最重要的来了

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

</details>

在这里插入图片描述

如果你想修改样式的话


点击查询折叠代码块

  • 首先申请博客园JS权限
    在这里插入图片描述
    在这里插入图片描述
  • 再添加CSS样式,也可以根据自己的需求自定义去修改
/*修改折叠代码块*/
#cnblogs_post_body details summary:hover
{
    cursor: pointer;/*鼠标放上去显示小手*/
    color:blue;/*鼠标放上去字体变为蓝色*/
}

在这里插入图片描述

最后

  • 看了无数的Markdown的文章,最后还是自己无意中发现了折叠代码块...
  • 学到了,就评论区回复:学到了... 希望我的辛苦没有白费...
    111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

猜你喜欢

转载自www.cnblogs.com/taopanfeng/p/11687138.html