有子比主题专属功能,还可以各种wp主题使用,内置几种跳转页面样式

链接验证方式:随机字符串 + 过期机制 | AES加密 + 后端验证

插件来自子比论坛大绵羊作者:https://www.zibll.com/forum-post/37931.html

作者网站: https://dmyblog.cn

功能一句话解释
子比专属挂钩自动捕获评论区 / 文章链接,原生不冲突
外链一键加密AES-256 & 随机串双保险,黑客:😵
白名单直通站内/好友域名不兜圈子
AJAX 秒跳点击即走,不刷新不眩晕
卸载清爽设置 + 缓存「打包带走」

插件下载:

下载文件

里面几个样式我都不太喜欢,于是改了一个简洁淡蓝配色的,更搭配我当前主题配色🙂

修改样式:在/wp-content/plugins/dmy-link1.3.6/templates/的这个路径里面挑一个页面样式文件把下面复制粘贴进去,在插件设置选择你改的那个即可(我改的是tiktok样式)

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客名字 - 跳转提示</title>
    <style>
        :root {
            --primary-color: #e1f0ff;
            --accent-color: #4a90e2;
            --text-color: #333;
            --light-text: #666;
            --border-radius: 20px;
            --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
        }
        
        body {
            display: grid;
            place-items: center;
            min-height: 100vh;
            background-color: #f9fbfd;
            padding: 20px;
            margin: 0;
        }
        
         .security-jump-container {
            position: relative;
            width: 100%;
            max-width: 500px;
            background: white;
            border-radius: var(--border-radius);
            padding: 40px;
            box-shadow: var(--box-shadow);
            overflow: hidden;
            animation: fadeIn 0.5s ease-out;
            margin: auto;
            margin-top: -5vh;
        }
        
        .security-jump-container::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 150px;
            height: 150px;
            background: var(--primary-color);
            border-radius: 50%;
            z-index: 0;
            opacity: 0.8;
        }
        
        .security-jump-container::after {
            content: '';
            position: absolute;
            bottom: -30px;
            left: -30px;
            width: 100px;
            height: 100px;
            background: var(--primary-color);
            border-radius: 50%;
            z-index: 0;
            opacity: 0.8;
        }
        
        .security-jump-content {
            position: relative;
            z-index: 1;
        }
        
        .security-jump-icon {
            text-align: center;
            margin-bottom: 20px;
            animation: bounce 2s infinite;
        }
        
        .security-jump-title {
            color: var(--text-color);
            font-size: 24px;
            font-weight: 600;
            text-align: center;
            margin-bottom: 16px;
        }
        
        .security-jump-message {
            color: var(--light-text);
            text-align: center;
            margin-bottom: 24px;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .security-jump-url {
            background: #f5f9ff;
            padding: 12px 16px;
            border-radius: 12px;
            margin-bottom: 30px;
            text-align: center;
            border: 1px dashed #c2d9ff;
            word-break: break-all;
        }
        
        .security-jump-url-text {
            color: var(--accent-color);
            font-size: 14px;
        }
        
        .security-jump-buttons {
            display: flex;
            gap: 16px;
            flex-direction: column;
        }
        
        .security-jump-button {
            flex: 1;
            padding: 14px;
            border-radius: 12px;
            text-align: center;
            font-weight: 500;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        .security-jump-cancel {
            background: white;
            color: var(--accent-color);
            border: 2px solid var(--primary-color);
        }
        
        .security-jump-cancel:hover {
            background: #f5f9ff;
            transform: translateY(-2px);
        }
        
        .security-jump-continue {
            background: var(--accent-color);
            color: white;
            border: 2px solid var(--accent-color);
        }
        
        .security-jump-continue:hover {
            background: #3a7bc8;
            transform: translateY(-2px);
        }
        
        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @media (min-width: 768px) {
            .security-jump-buttons {
                flex-direction: row;
            }
        }
        
        @media (max-width: 480px) {
            .security-jump-container {
                padding: 30px 20px;
            }
            
            .security-jump-title {
                font-size: 20px;
            }
            
            .security-jump-message {
                font-size: 15px;
            }
            
            .security-jump-icon svg {
                width: 48px;
                height: 48px;
            }
        }
    </style>
</head>
<body>
    <div class="security-jump-container">
        <div class="security-jump-content">
           <div class="security-jump-icon">
    <svg viewBox="0 0 24 24" width="64" height="64" fill="#4a90e2">
        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
    </svg>
</div>
            
            <h2 class="security-jump-title">跳转提示</h2>
            
            <p class="security-jump-message">
                您即将离开当前站点,前往外部网站
            </p>
            
            <div class="security-jump-url">
                <span class="security-jump-url-text"><?php echo esc_url($link); ?></span>
            </div>
            
            <div class="security-jump-buttons">
                <a href="<?php echo home_url(); ?>" class="security-jump-button security-jump-cancel">
                    返回首页
                </a>
                <a href="<?php echo esc_url($link); ?>" class="security-jump-button security-jump-continue">
                    继续访问
                </a>
            </div>
        </div>
    </div>
</body>
</html>