原文:为博客园markdown代码块添加折叠

引言: 当我们在文章某段代码中写太多内容时,进行适当的内容折叠是非常有必要的。 请尝试点击一下Code Show Code 点开上面的Code就出现折叠的代码是不是很有意思 其实实现这个功能的原理很简单 利用HTML的知识短短几行即可完成。 update 下面这个是老版本样式 利用上方的HTML样式即可轻松完成代码在markdown中实现折叠 核心是利用 datails 标签描述文档或文档某个部 ...

2020-10-16 20:22 4 559 推荐指数:

查看详情

博客园Markdown代码添加复制功能

申请js权限 点击管理到博客后台 点击设置 点击申请js权限,我的是已经申请成功,所以显示不同 申请理由示例如下 我申请的时候遇到了一个问题,就是博客园一直报无法连接到服务器,后来回到旧版后台再次申请就好了。 审核周期大概一天之内。 定制css 填入我们想自定义 ...

Wed Jul 29 16:55:00 CST 2020 1 2820
博客园markdown编辑器代码折叠

博客园设置里申请js权限。作用到侧边栏就可以,其他地方也行。只适配的markdown编辑器,与其他界面美化代码一起使用可能会出现bug。 ...

Mon Aug 26 05:31:00 CST 2019 12 873
博客园代码折叠

效果 使用方法 如果您使用博客园Markdown 编辑器,借助 HTML5 的 detail 标签就可以轻松实现。 在 summary 标签之间填写标题 在 summary 之后加入要折叠的内容 请注意:在要折叠的内容前后各插入一行空格。 ...

Mon Dec 21 07:49:00 CST 2020 0 940
博客园markdown代码支持的语言

缘起 今年发现博客园支持markdown语法,就开始用markdown博客了.markdown写文章最大的好处就是不用局限在浏览器里写了,有个记事本就可以开始了. markdown里对代码的引用语法是三个撇[ ``` ],在其后可增加代码名称,比如java,js等标记该部分代码的类型.之后 ...

Sat Dec 05 00:23:00 CST 2015 9 43795
博客园代码折叠typora配置

参考:https://www.cnblogs.com/guangzan/p/14166007.html 只需要复制下面的内容即可 可以直接写html,typora是支持写html标签的, 如直接写<details>回车,会自动补全成 然后在出现的折叠里写< ...

Wed Dec 30 19:10:00 CST 2020 0 2572
美化博客园代码样式

首先点击[插入代码(推荐)], 语言选择[PlainText], 把代码贴进去, 点击[插入代码](, 可根据情况选择是否需要勾选[全部折叠]选项) 然后在HTML模式下代码的<pre>标签内添加[class="brush:text;quick-code:true ...

Wed Nov 15 23:57:00 CST 2017 0 1433
博客园代码css

分享一下我喜欢的五个博客园代码样式的CSS配置,复制粘贴即可使用,根据highlight.js调整配置,编辑器一定要改成markdown。 ...

Tue Aug 11 01:01:00 CST 2020 5 343
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM