概述
有时候挺无奈的,自己折腾了一些东西,记录下来,好不容易写出一篇文章,被复制粘贴去,还不给你留原文链接,如果加上禁止复制代码,又违背了博客分享的精神,况且技术类博客让别人复制代码也是重要的功能之一。
那么可以在读者复制之后加一个弹窗,提醒在转载时注明原文出处。文章的内容可以复制,但复制后会弹出版权提示,是一种折中的处理方法,既能提高读者版权意识又不太影响用户体验。
使用方法
这里复制后弹窗提示我们可以用layer的web弹层组件,当然也有很多种其他方法,不过博主感觉这个方法效果比较好!
可以去官网自行下载:layer-v3.1.1.zip
这里以handsome主题为例,其他主题也是差不多的设置方法!
1、解压layer-v3.1.1.zip
文件,然后把里面的layer文件夹
整个放到/usr/uploads
文件夹下;
2、在主题目录下post.php中末尾插入下面的代码(考虑到用户体验,建议只放在post.php文件即文章内页php文件即可,header.php和footer.php还是别放了)
<script src="/usr/uploads/layer/layer.js"></script>
3、在主题设置-开发者设置-自定义JavaScript中插入以下代码(注意handsome主题默认是有<script>标签的,所以代码不需要这个)
即如果复制的字符长度大于50则弹窗提示,
document.body.oncopy = function()
{
if (window.getSelection().toString() && window.getSelection().toString().length > 50)
{layer.msg('复制成功,若要转载请务必保留原文链接!');}
};
4、效果
站点名称:Sword's Blog 杂货屋
本文链接:http://www.sword.studio/190.html
本博客所有文章除特别声明外,均采用知识共享署名-非商业性使用 4.0 国际许可协议 进行许可
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的
Typecho的主题设置-开发者设置是在哪呀?
handsome主题里面不是有很多设置项,其中就包括开发者设置啊