用Ai写了一个外链跳转提示插件

插件名:plugin-safe-redirect

　　先说下为啥写这个插件，其实我觉得并不是为了更安全啥的，自己博客放的链接自己不知道安不安全嘛哈哈哈，感觉就是给博客添加了一个很小的功能，说是为了安全感觉更像是一个免责条款。

大致功能

域名白名单
跳转主题更换（不建议使用自带主题，很丑）
自定义 HTML 代码
自定义跳转图标
自定义跳转描述

自定义HTML代码说明




<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>安全跳转 - {sitename}</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: 'Courier New', monospace;
      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
      color: #00ff88;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      overflow: hidden;
    }
    .terminal {
      width: 90%;
      max-width: 700px;
      background: rgba(0,0,0,0.8);
      border: 2px solid #00ff88;
      border-radius: 10px;
      padding: 30px;
      box-shadow: 0 0 20px rgba(0,255,136,0.3);
    }
    .header {
      border-bottom: 1px solid #00ff88;
      padding-bottom: 15px;
      margin-bottom: 20px;
    }
    .logo { font-size: 24px; font-weight: bold; }
    .blink { animation: blink 1s infinite; }
    @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
    .url-display {
      background: #0a0a0a;
      padding: 15px;
      border: 1px solid #00ff88;
      margin: 20px 0;
      font-size: 14px;
      word-break: break-all;
    }
    .btn-group { display: flex; gap: 15px; justify-content: center; margin-top: 25px; }
    .btn {
      padding: 12px 30px;
      background: transparent;
      color: #00ff88;
      border: 2px solid #00ff88;
      cursor: pointer;
      font-family: inherit;
      font-size: 16px;
      transition: all 0.3s;
      text-decoration: none;
    }
    .btn:hover { background: #00ff88; color: #000; }
    .status { margin-top: 20px; font-size: 12px; color: #666; }
    .status span { color: #ff6b6b; }
  </style>
</head>
<body>
  <div class="terminal">
    <div class="header">
      <span class="logo">&gt;_ SAFE_REDIRECT</span>
      <span class="blink">_</span>
    </div>
    <p>&gt; 检测到外部链接访问请求</p>
    <p>&gt; 本站:<span style="color: #ffd700">{sitename}</span></p>
    <div class="url-display">TARGET_URL: {url}</div>
    <p>&gt; 安全检查通过，允许跳转</p>
    <div class="btn-group">
      <a href="{url}" class="btn">[EXECUTE]</a>
      <a href="javascript:history.back()" class="btn">[CANCEL]</a>
    </div>
    <div class="status">
      <span>⚠ WARNING:</span> 您即将离开 {sitename}，请确认目标链接安全
    </div>
  </div>
</body>
</html>