网站内添加复制文章内容自动添加博客名称和原文地址

1、关于这个网站复制自动添加版权和原文地址的这个功能之前我也有研究过,网站百度也有很多,但是基本上都是失效的,要么能用也只是在文字内复制之后会自动添加,但是代码质量的就不会自动添加,对于如果不懂 javascript 代码的朋友来说是很头疼的,因此社长也研究了优化一版,分享给大家使用。

方法一:

教程开始

1、添加核心 JS 代码

1.1、子比主题设置—>自定义代码—>自定义底部 HTML 代码:,添加以下代码:

1.2、其他主题自行添加在主题的 head 或 food 文件底部自行测试

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>
<script type="text/javascript">
/**网站内容复制自动添加版权声明和原文地址*/
$(document).on("copy", function(e) {
  var selected = window.getSelection();
  var selectedText = selected.toString().replace(/\n/g, "<br>");
  var copyFooter =
      "<br>-----------------------<br>著作权归作者所有。<br>" +
      "商业转载请联系作者获得授权,非商业转载请注明出处。<br>" +
      "作者:易幻云网络<br> 源地址:" +
      document.location.href +
      "<br>来源:易幻云网络<br>© 版权声明:本文为博主原创文章,转载请务必保留原文链接!";
  if (document.location.pathname === "/") {
    var copyFooter =
        "<br>-----------------------<br>" +
        "来源:易幻云网络<br> 源地址:" +
        document.location.href +
        "<br>© 版权声明:商业转载请联系作者获得授权,非商业转载请注明出处。<br>";
  }
  var msgContent =
      '<span style="font-weight: 700;margin: 0 !important;">【易幻云网络(WWW.yihuanyun.cc)】<br>复制成功,若要转载请务必保留原文链接</span>' + copyFooter;
  layer.msg(msgContent, {
    time: 2000,
    shift: 2,
    shade: 0.3,
    skin: "wiiuii-layer-mode"
  });
  var copyHolder = $("<div>", {
    id: "temp",
    html: selectedText + copyFooter,
    style: {
      position: "absolute",
      left: "-99999px"
    }
  });
  $("body").append(copyHolder);
  selected.selectAllChildren(copyHolder[0]);
  window.setTimeout(function() {
    copyHolder.remove();
  }, 0);
});
</script>

2、添加 css 样式代码

子比主题设置—>自定义代码—>自定义 css 代码:,添加以下代码:

/*layui 弹窗样式美化*/
.wiiuii-layer-mode{
background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
border: none !important;
border-radius: 8px !important;
}

方法二:

  • 1、将下面的 PHP 代码加入到主题目录下:themes/zibll/header.php文件中,
  • 需要注意的是,需要放在<head> 代码放置在这里</head> 代码中间否则没用
  • 2、其他主题同理,放置在 header.php 文件中,因为这个是全局引用文件
  • 3、自行修改一下,文章来源出自 XXX 博客的文字内容即可
<!--复制内容自动添加原文地址开始 by 彩豆博客--> 
<script type="text/javascript">
  function addLink() {
  var selection = window.getSelection();
  pagelink = "</br></br>. 文章来源出自[ 易幻云网络] 转载请保留原文链接: " + document.location.href;
  copytext = selection + pagelink;
  newdiv = document.createElement('div');
  newdiv.style.position = 'absolute';
  newdiv.style.left = '-99999px';
  document.body.appendChild(newdiv);
  newdiv.innerHTML = copytext;
  selection.selectAllChildren(newdiv);
  window.setTimeout(function () {
  document.body.removeChild(newdiv);
  }, 100);
  }
  document.oncopy = addLink;
</script>
<!--复制内容自动添加原文地址结束 by 易幻云网络--> 

供学习和研究使用,禁止商业用途
购买前可以联系作者确认资源信息,防止交易矛盾
© 版权声明
THE END
喜欢就支持一下吧
点赞11
评论 抢沙发

请登录后发表评论

    暂无评论内容