当前位置：首页 > web >正文

如何给Hexo-butterfly主题博客在复制时添加版权声明

web 2025/6/17 19:54:23

前言

文章被盗，被爬取，内容被cv，你是否很苦恼？
被复制时，自动给文章内容添加原文信息。🤣

1、确认需要版权声明的位置

标签中

2、编写版权声明的js

js已写好，直接复制，替换自己的信息即可

script.function setClipboardText(event) {let clipboardData = event.clipboardData || window.clipboardData;if (!clipboardData) { return; }event.preventDefault();let text = window.getSelection().toString();if (text) {event.preventDefault();var copyright = '\n\n'+ '\n著作权归作者所有。'+ '\n商业转载请联系作者获得授权，非商业转载请注明出处。'+ '\n作者: 码农刚子'+ '\n邮箱: wxscc@foxmail.com'+ '\n原文地址: ' + window.location.href;clipboardData.setData('text/plain', text + copyright);}}var contents = document.getElementById("article-container");if(contents){contents.addEventListener('copy',function(e){setClipboardText(e);});}

<%= page.permalink %>: 当前页面链接
因为我们只是需要监听博客详情页的复制事件，所以我们可以直接将这段js放在博文详情页末尾。themes/butterfly[主题的名字]/layout/post.pug这个文件是生成博客详情的模板。

3、启动测试

执行hexo clean和hexo generate清除通过修改前生成的页面，然后再根据修改后模板生成新的页面。然后执行hexo server启动测试。效果如下图
版权声明截图

4、设置文章是否需要添加版权声明

在文章头部添加一个copyright属性设置为false

默认没有此属性，也相当于true，所有文章都默认加版权声明，直有copyright为false时不加版权声明
在刚刚加js代码的地方再加一行

+ if page.copyright !== false script.function setClipboardText(event) {let clipboardData = event.clipboardData || window.clipboardData;if (!clipboardData) { return; }event.preventDefault();let text = window.getSelection().toString();if (text) {event.preventDefault();var copyright = '\n\n'+ '\n著作权归作者所有。'+ '\n商业转载请联系作者获得授权，非商业转载请注明出处。'+ '\n作者: 码农刚子'+ '\n邮箱: wxscc@foxmail.com'+ '\n原文地址: ' + window.location.href;clipboardData.setData('text/plain', text + copyright);}}var contents = document.getElementById("article-container");if(contents){contents.addEventListener('copy',function(e){setClipboardText(e);});}