複製網站文章內容彈窗提示+末尾自動添加版權資訊

前言

複製文章內容末尾自動添加版權資訊這是很久以前的想法了，每次流覽一些技術文章，複製一些文本文字末尾都有添加版權信息，覺得非常的酷！

本教程適用於所有網站（除非你網站有複製彈窗了，可能會報錯！ ），複製網站文章內容+彈窗提示+末尾自動添加版權資訊主要是由jQuery（核心） + Layui.js（彈窗提示） + CSS（樣式美化）設計而成，非常的優雅。 當然jQuery代碼部分還是借鑒大佬的一些（懶得寫）！ 代碼中還有些bug，望理解！

使用教程

如果你網站有了複製彈窗提示，請您關掉或者刪掉（請備份，在進行刪除代碼）

第一步：添加JS代碼

現在大部分主題都有主題設置，只需在後台的主題設置中“自定義頭部HTML代碼”或者“自定義底部HTML代碼”中把下面的代碼複製進去即可（注意：複製進去后，需刪除末尾的自動版權聲明）。 Layui.js主要是用來複製彈窗提示的，如果您的網站已經導入有這個layui.js的話，無需再次導入，把代碼中調用的CDN-js刪掉就好啦。

注：自己修改代碼中【文字部分】成自己的即可！

第二步：添加CSS代碼

CSS代碼是彈窗提示樣式，在主題設置-自定義CSS樣式中複製添加進去就好啦！
有些主題有提供黑暗模式，會導致看不到談窗的字，需自行更改CSS樣式。

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

適配黑暗模式只需把字體改成固定黑色即可！多一個color:black;

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

演示圖