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

最重要的来了

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

</details>

在这里插入图片描述

如果你想修改样式的话

点击查看教程 + 首先申请博客园JS权限 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2019101617295558.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExNjk3NzUyMTA1,size_16,color_FFFFFF,t_70) ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191016173101496.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExNjk3NzUyMTA1,size_16,color_FFFFFF,t_70) + 再添加CSS样式,也可以根据自己的需求自定义去修改 ```js /*修改折叠代码块*/ #cnblogs_post_body details summary:hover { cursor: pointer;/*鼠标放上去显示小手*/ color:blue;/*鼠标放上去字体变为蓝色*/ } ``` ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191016173154213.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExNjk3NzUyMTA1,size_16,color_FFFFFF,t_70)

最后

  • 看了无数的Markdown的文章,最后还是自己无意中发现了折叠代码块...
  • 学到了吗?
    1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
posted on 2019-10-16 17:44  陶攀峰  阅读(2435)  评论(0编辑  收藏  举报

顶部 底部