前言
很多时候,文章里面需要的代码块太长,导致文章显得很是臃肿,在 markdown 写的博客内,可以采用 html 语法扩展代码折叠功能!
代码折叠
html 标签:
代码语言:javascript复制<datails>
<summary> 显示的标题 </summary>
<p>
------------------ 测试折叠 ---------------------
</p>
<pre><code>title,value,callBack 可以缺省 </code></pre>
</datails>
details
:折叠语法标签summary
:折叠语法展示的摘要pre
:以原有格式显示元素内的文字是已经格式化的文本code
:指定代码范例blockcode
:表示程序的代码块
代码块折叠
代码语言:javascript复制<details>
<summary> 点击时的区域标题 </summary>
```json
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"scripts": {
"build": "hexo generate",
"clean": "hexo clean",
"deploy": "hexo deploy",
"server": "hexo server"
}
```
</details>
效果展示
显示的标题
------------------ 测试折叠 ---------------------
代码语言:javascript复制title,value,callBack 可以缺省
点击时的区域标题
代码语言:javascript复制{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"scripts": {
"build": "hexo generate",
"clean": "hexo clean",
"deploy": "hexo deploy",
"server": "hexo server"
}
hexo matery 主题不支持第一种方式