有子比主题专属功能,还可以各种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>
参与讨论