代码块设置
以下是对代码块的有些设置
添加折叠功能#
博客-hexo-matery主题改造笔记 - 多弗朗强哥 - 博客园 (cnblogs.com)
安装插件
npm install hexo-sliding-spoiler --save
用法:
{% spoiler code %}
content
{% endspoiler %}
https://blog.csdn.net/weixin_34015566/article/details/89939438
解决代码块复制不能换行
发现在代码块中复制的内容粘贴后总是挤成一团,而原来的代码格式失效,又试了几次后发现都是如此,然后上网查了一下,发现使用Matery主题的博客上复制内容都存在这个问题。幸运的是已经有大佬发现问题所在,并给出解决方案。
问题在于开启复制版权copyright,添加复制版权信息后,就会导致代码块复制内容换行失效。
大佬判断出问题出在添加复制版权信息的文件themes\matery\layout\_partial\post-detail.ejs
中,具体问题在判断复制内容换行的判断语句
// otherwise the text inside "pre" loses all the line breaks!
if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') {
newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
}
使用console.log()
查出在复制内容时selection.getRangeAt(0).commonAncestorContainer.nodeName
并不是PRE
,而是CODE
所以是由于if
判断的条件错误才导致复制内容不会换行,解决办法就是将其判断条件值改为CODE
(大概在220行左右)。
修改完后重新部署博客,发现可以正常粘贴复制的内容了。
这里是大佬的原文