博客园使用markdown折叠

博客园没有针对折叠块进行优化,会将代码中的一些符号转义成html代码,会莫名其妙断行,不是很好用,我只找到了折中的办法。

将代码先以代码块形式保存,再将代码块对应的html源码复制下来,用detail折叠块替换。

用```生成的示例代码:
image

示例代码:

body {
	width: 100px;
	height: 100px;
}

保存后进入文章页面复制这段代码对应的html源码:
image

将源码粘贴到折叠代码块内,折叠代码块语法:

<details>
<summary>折叠代码块的主题</summary>
源代码粘贴到这里
</details>

如图所示:
image

最后的效果:

展开查看示例折叠代码
body {
width: 100px;
height: 100px;
}
posted @ 2021-03-26 11:42  thepoy  阅读(134)  评论(0编辑  收藏  举报