为博客园markdown代码块添加折叠
引言： 当我们在文章某段代码中写太多内容时，进行适当的内容折叠是非常有必要的。 请尝试点击一下Code👇 Show Code 点开上面的Code就出现折叠的代码是不是很有意思？ 其实实现这个功能的原理很简单、利用HTML的知识短短几行即可完成 ...
原文：博客园Markdown代码块添加复制功能
申请js权限 点击管理到博客后台 点击设置 点击申请js权限，我的是已经申请成功，所以显示不同 申请理由示例如下 我申请的时候遇到了一个问题，就是博客园一直报无法连接到服务器，后来回到旧版后台再次申请就好了。 审核周期大概一天之内。 定制css 填入我们想自定义的css代码 定制html 添加我们自定义的HTML片段 现在这两个js文件是在我的博客园下的，最好将文件添加到自己的博客园下 添加文件 ...
2020-07-29 08:55 1 2820 推荐指数：
相关推荐
博客园Markdown编辑模式下代码复制功能
页面定制CSS代码：（复制按钮在鼠标移动到代码块上显示，鼠标移出后按钮不显示） 页脚HTML代码： 最好将文件https://blog-static.cnblogs.com/files/wuliytTaotao/cp.js 和 文件 https://cdn.bootcss.com ...
博客园实现Markdown代码框复制功能
1.实现Markdown复制功能 进入个人页面-【设置】-【博客设置】- 申请JS权限 添加页面地址CSS代码： 添加页脚HTML代码： PS：最好把以下两个JS文件添加到自己的博客园文件下 2.添加文件到自己的博客园下 进入自己的博客首页，点击【管理 ...
博客园markdown代码块支持的语言
缘起 今年发现博客园支持markdown语法,就开始用markdown些博客了.markdown写文章最大的好处就是不用局限在浏览器里写了,有个记事本就可以开始了. markdown里对代码块的引用语法是三个撇[ ``` ],在其后可增加代码名称,比如java,js等标记该部分代码的类型.之后 ...
博客园Markdown语法折叠代码块,并支持内嵌Markdown语法+HTML
最重要的来了 实例代码 如果你想修改样式的话 点击查看教程 + 首先申请博客园JS权限 ], 语言选择[PlainText], 把代码贴进去, 点击[插入代码](, 可根据情况选择是否需要勾选[全部折叠]选项) 然后在HTML模式下代码块的<pre>标签内添加[class="brush:text;quick-code:true ...
博客园代码块css
分享一下我喜欢的五个博客园代码样式的CSS配置，复制粘贴即可使用，根据highlight.js调整配置，编辑器一定要改成markdown。 ...
改进博客园Markdown显示功能(加代码行号、显示代码所用编程语言)
博客园的markdown模式下的代码高亮功能使用的是highlight.js，没有行号和显示相应编程语言的功能，只好自己将其改造了一下(将这两种功能一并实现了)~ 先看一下效果，再详细介绍方法~ 查看博客园markdown所使用的代码高亮插件 先找到一篇markdown模式下写的文章 ...