L
O
A
D
I
N
G

代码块设置


代码块设置

以下是对代码块的有些设置

添加折叠功能#

博客-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行左右)。

修改完后重新部署博客,发现可以正常粘贴复制的内容了。

这里是大佬的原文


文章作者: loyeh
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 loyeh !
评论
  目录