endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-04T13:43:07.269096
endpoints.uri: https://www.outerheavendd.com/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Strict-Transport-Security
endpoints.headers: max-age=31536000
endpoints.key: ETag
endpoints.headers: W/"65d31834-f52e"
endpoints.key: Connection
endpoints.headers: keep-alive
endpoints.key: Transfer-Encoding
endpoints.headers: chunked
endpoints.key: Server
endpoints.headers: nginx
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: Content-Type
endpoints.headers: text/html
endpoints.key: Alt-Svc
endpoints.headers: quic=":443"; h3=":443"; h3-29=":443"; h3-27=":443";h3-25=":443"; h3-T050=":443"; h3-Q050=":443";h3-Q049=":443";h3-Q048=":443"; h3-Q046=":443"; h3-Q043=":443"
endpoints.key: Last-Modified
endpoints.headers: Mon, 19 Feb 2024 08:58:28 GMT
endpoints.key: Vary
endpoints.headers: Accept-Encoding
endpoints.html_tags: <title>世外天堂</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="author" content="漆黑の翼"> <meta name="generator" content="Hexo 6.3.0">
endpoints.body: <!DOCTYPE html>
  <html>
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <meta name="author" content="漆黑の翼">
      
      
      
      
      
      
      <title>世外天堂</title>
      <link href="https://www.outerheavendd.com" rel="prefetch" />
      
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/aos.css">
  <link rel="stylesheet" href="/css/style.css">
  
      
  <script src="/js/jquery.min.js"></script>
  
      <!--pjax：防止跳转页面音乐暂停-->
      
  <script src="/js/pjax.min.js"></script>
  
      
  <script src="/js/bootstrap.min.js"></script>
  
      
  <script src="/js/aos.js"></script>
  
      
  <script src="/js/highslide/highslide-full.min.js"></script>
  
      
  <link rel="stylesheet" href="/js/highslide/highslide.css">
  
      <style type="text/css">
          @media (max-width: 768px) {
              body {
                  background-color: #f0f0f0;
                  background: url('/imgs/xsbg.gif');
                  background-attachment: fixed;
              }
          }
      </style>
      
      <!--<script type="text/javascript">
        if (document.images) {
          var avatar = new Image();
          avatar.src = '/imgs/avatar.jpg'
          var previews = 'bg1.jpg,bg2.jpg,bg3.jpg,bg4.jpg,bg5.jpg,bg6.jpg,bg7.jpg,bg8.jpg,bg9.jpg,bg10.jpg,bg11.jpg,bg12.jpg,bg13.jpg'.split(',')
          var previewsPreLoad = []
          for(var i = 0; i < length; i++) {
            previewsPreLoad.push(new Image())
            previewsPreLoad[previewsPreLoad.length - 1].src = '/imgs/preview' + previews[i]
          }
        }
      </script>-->
  <meta name="generator" content="Hexo 6.3.0"></head>
  
  <body>
      <!-- 背景轮播图功能 -->
      <section class="hidden-xs">
      <ul class="cb-slideshow">
          <li><span>天若</span></li>
          <li><span>有情</span></li>
          <li><span>天亦老</span></li>
          <li><span>我为</span></li>
          <li><span>长者</span></li>
          <li><span>续一秒</span></li>
      </ul>
  </section>
      <!-- 欧尼酱功能, 谁用谁知道 -->
      
      <header class="navbar navbar-inverse" id="gal-header">
      <div class="container">
          <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed"
                      data-toggle="collapse" data-target=".bs-navbar-collapse"
                      aria-expanded="false">
                  <span class="fa fa-lg fa-reorder"></span>
              </button>
              <a href="https://www.outerheavendd.com">
                  
                  <style>
                      #gal-header .navbar-brand {
                          height: 54px;
                          line-height: 24px;
                          font-size: 28px;
                          opacity: 1;
                          background-color: rgba(0,0,0,0);
                          text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228DFF,0 0 35px #228DFF,0 0 40px #228DFF,0 0 50px #228DFF,0 0 75px #228DFF;
                      }
                  </style>
                  <!-- 这里使用文字(navbar_text or config.title) -->
                  <div class="navbar-brand">世外天堂</div>
                  
              </a>
          </div>
          <div class="collapse navbar-collapse bs-navbar-collapse">
              <ul class="nav navbar-nav" id="menu-gal">
                  
                  
                  <li class="current">
                      <a href="/">
                          <i class="fa fa-home"></i>首页
                      </a>
                  </li>
                  
                  
                  
                  <li class="">
                      <a href="/archives">
                          <i class="fa fa-archive"></i>归档
                      </a>
                  </li>
                  
                  
                  
                  
                  <li class="dropdown">
                      <!-- TODO 添加hover dropdown效果 -->
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                         aria-haspopup="true" aria-expanded="false" data-hover="dropdown">
                          <i class="fa fa-list"></i>分类
                      </a>
                      <ul class="dropdown-menu">
                          
                          
                          <li>
                              <a href="/categories/api/">api</a>
                          </li>
                          
                          <li>
                              <a href="/categories/%E8%AF%AD%E6%B3%95/">语法</a>
                          </li>
                          
                          <li>
                              <a href="/categories/%E7%88%AC%E8%99%AB/">爬虫</a>
                          </li>
                          
                          
                          <li>
                              <a href="/categories">...</a>
                          </li>
                          
                          
                      </ul>
                  </li>
                  
                  
                  
                  
                  
                  <li class="dropdown">
                      <!-- TODO 添加hover dropdown效果 -->
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                         aria-haspopup="true" aria-expanded="false" data-hover="dropdown">
                          <i class="fa fa-tags"></i>标签
                      </a>
                      <ul class="dropdown-menu">
                          
                          
                          <li>
                              <a href="/tags/arraybuffer/">arraybuffer</a>
                          </li>
                          
                          <li>
                              <a href="/tags/buffer/">buffer</a>
                          </li>
                          
                          <li>
                              <a href="/tags/js/">js</a>
                          </li>
                          
                          
                          <li>
                              <a href="/tags">...</a>
                          </li>
                          
                          
                      </ul>
                  </li>
                  
                  
                  
                  
                  <li class="">
                      <a href="/about">
                          <i class="fa fa-user"></i>关于我
                      </a>
                  </li>
                  
                  
              </ul>
          </div>
      </div>
  </header>
      <div id="pageContent">
      <div id="gal-body">
          <div class="container">
              <div class="row">
                  <div class="col-md-8 gal-right" id="mainstay">
                      
  <div class="alert well fade in" id="gal-issue" role="alert">
      <!-- TODO 添加关闭公告框功能 -->
      <button type="button" class="close" data-dismiss="alert">×</button>
      <!-- 这里自行配置公告内容 -->
      <div id="hitokoto"></div>
      <script>
          $.get("https://v1.hitokoto.cn/", (res)=>{
            $('#hitokoto').text(res.hitokoto);
          });
      </script>
      <!-- 自行配置公告内容结束 -->
  </div>
  
  <div id="article-list">
       
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">02月</span>
          <span class="day">19</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2024/02/19/rtsp/">
                      <span>ffmpeg实现前端播放rtsp</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/ffmpeg/">ffmpeg</a>, 
                  
                  <a href="/tags/rtsp/">rtsp</a>, 
                  
                  <a href="/tags/vue/">vue</a>, 
                  
                  <a href="/tags/nodejs/">nodejs</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2024/02/19/rtsp/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2024/02/19/rtsp/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg5.jpg" alt="ffmpeg实现前端播放rtsp">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2024/02/19/rtsp/">
                          <span>ffmpeg实现前端播放rtsp</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2024-02-19
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/ffmpeg/">ffmpeg</a>, 
              
              <a href="/tags/rtsp/">rtsp</a>, 
              
              <a href="/tags/vue/">vue</a>, 
              
              <a href="/tags/nodejs/">nodejs</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2024/02/19/rtsp/">
                      
                      <img src="/imgs/preview/bg8.jpg" alt="ffmpeg实现前端播放rtsp">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2024/02/19/rtsp/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">04月</span>
          <span class="day">12</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2023/04/12/redis/">
                      <span>linux系统安装redis教程</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/redis/">redis</a>, 
                  
                  <a href="/tags/linux/">linux</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2023/04/12/redis/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2023/04/12/redis/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg1.jpg" alt="linux系统安装redis教程">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2023/04/12/redis/">
                          <span>linux系统安装redis教程</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2023-04-12
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/redis/">redis</a>, 
              
              <a href="/tags/linux/">linux</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2023/04/12/redis/">
                      
                      <img src="/imgs/preview/bg6.jpg" alt="linux系统安装redis教程">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2023/04/12/redis/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">12月</span>
          <span class="day">10</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2022/12/10/chatgpt/">
                      <span>快速注册并使用ChatGpt接口</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/chatgpt/">chatgpt</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2022/12/10/chatgpt/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2022/12/10/chatgpt/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg2.jpg" alt="快速注册并使用ChatGpt接口">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2022/12/10/chatgpt/">
                          <span>快速注册并使用ChatGpt接口</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2022-12-10
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/chatgpt/">chatgpt</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2022/12/10/chatgpt/">
                      
                      <img src="/imgs/preview/bg5.jpg" alt="快速注册并使用ChatGpt接口">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2022/12/10/chatgpt/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">11月</span>
          <span class="day">09</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2022/11/09/colab/">
                      <span>云端部署NovelAi</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/novelai-colab/">novelai, colab</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2022/11/09/colab/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2022/11/09/colab/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg13.jpg" alt="云端部署NovelAi">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2022/11/09/colab/">
                          <span>云端部署NovelAi</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2022-11-09
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/novelai-colab/">novelai, colab</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2022/11/09/colab/">
                      
                      <img src="/imgs/preview/bg2.jpg" alt="云端部署NovelAi">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2022/11/09/colab/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">10月</span>
          <span class="day">31</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2022/10/31/taobao/">
                      <span>淘宝模拟登录及滑块验证</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/selenium/">selenium</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2022/10/31/taobao/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2022/10/31/taobao/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg6.jpg" alt="淘宝模拟登录及滑块验证">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2022/10/31/taobao/">
                          <span>淘宝模拟登录及滑块验证</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2022-10-31
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/selenium/">selenium</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2022/10/31/taobao/">
                      
                      <img src="/imgs/preview/bg13.jpg" alt="淘宝模拟登录及滑块验证">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2022/10/31/taobao/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">07月</span>
          <span class="day">17</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2022/07/17/vue3/">
                      <span>从vue2到vue3，一文带你看完vue3的新特性</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/vue3/">vue3</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2022/07/17/vue3/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2022/07/17/vue3/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg6.jpg" alt="从vue2到vue3，一文带你看完vue3的新特性">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2022/07/17/vue3/">
                          <span>从vue2到vue3，一文带你看完vue3的新特性</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2022-07-17
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/vue3/">vue3</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2022/07/17/vue3/">
                      
                      <img src="/imgs/preview/bg13.jpg" alt="从vue2到vue3，一文带你看完vue3的新特性">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2022/07/17/vue3/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">06月</span>
          <span class="day">15</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2022/06/15/jssdk/">
                      <span>微信JS-SDK和WeixinJSBridge的区别</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/JSSDK/">JSSDK</a>, 
                  
                  <a href="/tags/%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98/">微信支付</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2022/06/15/jssdk/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2022/06/15/jssdk/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg9.jpg" alt="微信JS-SDK和WeixinJSBridge的区别">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2022/06/15/jssdk/">
                          <span>微信JS-SDK和WeixinJSBridge的区别</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2022-06-15
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/JSSDK/">JSSDK</a>, 
              
              <a href="/tags/%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98/">微信支付</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2022/06/15/jssdk/">
                      
                      <img src="/imgs/preview/bg3.jpg" alt="微信JS-SDK和WeixinJSBridge的区别">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2022/06/15/jssdk/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">04月</span>
          <span class="day">06</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2022/04/06/cors/">
                      <span>手把手教你解决web前端跨域问题</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/%E8%B7%A8%E5%9F%9F-%E5%89%8D%E7%AB%AF-%E6%B5%8F%E8%A7%88%E5%99%A8-cors/">跨域,前端,浏览器,cors</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2022/04/06/cors/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2022/04/06/cors/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg2.jpg" alt="手把手教你解决web前端跨域问题">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2022/04/06/cors/">
                          <span>手把手教你解决web前端跨域问题</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2022-04-06
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/%E8%B7%A8%E5%9F%9F-%E5%89%8D%E7%AB%AF-%E6%B5%8F%E8%A7%88%E5%99%A8-cors/">跨域,前端,浏览器,cors</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2022/04/06/cors/">
                      
                      <img src="/imgs/preview/bg11.jpg" alt="手把手教你解决web前端跨域问题">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2022/04/06/cors/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">03月</span>
          <span class="day">09</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2022/03/09/anim/">
                      <span>AIML框架学习</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/AIML/">AIML</a>, 
                  
                  <a href="/tags/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/">人工智能</a>, 
                  
                  <a href="/tags/python/">python</a>, 
                  
                  <a href="/tags/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80/">自然语言</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2022/03/09/anim/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2022/03/09/anim/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg10.jpg" alt="AIML框架学习">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2022/03/09/anim/">
                          <span>AIML框架学习</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2022-03-09
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/AIML/">AIML</a>, 
              
              <a href="/tags/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/">人工智能</a>, 
              
              <a href="/tags/python/">python</a>, 
              
              <a href="/tags/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80/">自然语言</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2022/03/09/anim/">
                      
                      <img src="/imgs/preview/bg13.jpg" alt="AIML框架学习">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2022/03/09/anim/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
       <div class="article well clearfix article-body article-excerpt" data-aos="flip-up">
      
      <div class="data-article hidden-xs">
          <span class="month">12月</span>
          <span class="day">09</span>
      </div>
      <!-- 大型设备文章 -->
      <section class="hidden-xs">
          <div class="title-article">
              <h1>
                  <a href="/2021/12/09/pay/">
                      <span>EasyWechat开发微信支付代码实例</span>
                  </a>
              </h1>
          </div>
          <div class="tag-article">
              
              <span class="label label-gal">
                  <i class="fa fa-tags"></i>
                  
                  <a href="/tags/%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98/">微信支付</a>, 
                  
                  <a href="/tags/php/">php</a>, 
                  
                  <a href="/tags/%E5%B0%8F%E7%A8%8B%E5%BA%8F/">小程序</a>, 
                  
                  <a href="/tags/APP/">APP</a>
                  
              </span>
              
              
              <!-- TODO 添加评论统计 -->
              <!--<span class="label label-gal">
                  <i class="fa fa-comments"></i>
                  <a href="/2021/12/09/pay/#comments">739</a>
              </span>-->
          </div>
          <div class="alert alert-gal article-body content-article">
              <div class="item">
                  <a href="/2021/12/09/pay/">
                      <div class="img">
                          
                          <img src="/imgs/preview/bg1.jpg" alt="EasyWechat开发微信支付代码实例">
                      </div>
                      <div class="info">
                          
                      </div>
                  </a>
              </div>
          </div>
      </section>
      <section class="visible-xs">
          <div class="title-article">
              <center>
                  <h4>
                      <a href="/2021/12/09/pay/">
                          <span>EasyWechat开发微信支付代码实例</span>
                      </a>
                  </h4>
              </center>
          </div>
          <p></p>
          <center>
              <i class="fa fa-calendar"></i> 2021-12-09
          </center>
          <p></p>
          <p></p>
          <center>
              
              <i class="fa fa-tags"></i>
              
              <a href="/tags/%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98/">微信支付</a>, 
              
              <a href="/tags/php/">php</a>, 
              
              <a href="/tags/%E5%B0%8F%E7%A8%8B%E5%BA%8F/">小程序</a>, 
              
              <a href="/tags/APP/">APP</a>
              
              
              
          </center>
          <p></p>
          <div class="alert alert-gal article-body content-article">
              <p style="text-align: center;">
                  <a href="/2021/12/09/pay/">
                      
                      <img src="/imgs/preview/bg9.jpg" alt="EasyWechat开发微信支付代码实例">
                  </a>
              </p>
          </div>
          
          <a class="btn btn-danger pull-right read-more btn-block" href="/2021/12/09/pay/">
              阅读全文
              <!--<span class="badge">739</span>-->
          </a>
      </section>
  </div>
  
       
  </div>
  <!-- 前方最多7个 < 1 2 3 4 5 6 -->
  <!-- 前方超过第7页则分为 < 1 ... (n - 3) (n - 2) (n - 1) n, 此时前面为固定的6个 -->
  
  <!-- 后方最多8个 (n + 1) 到 (n + 7) > -->
  <!-- 如果末页和当前页相差超过7, 此时后面为固定的6个, (n + 1) (n + 2) (n + 3) ... total > -->
  
  
  
  <div id="gal-pagination" class="clearfix">
      <ul class="pagination pagination-gal pull-right">
          
          
          
          
          <li class="current">
              <span>1</span>
          </li>
          
          
          <li>
              <a href="/page/2">2</a>
          </li>
          
          <li>
              <a href="/page/3">3</a>
          </li>
          
          
          
          <li class="next">
              <a href="/page/2/">»</a>
          </li>
          
      </ul>
  </div>
  
  <!-- 加上这段代码原因： gitment在首页加载时, 如果找不到对应的控件会报错，此处加上，同时设置为none，防止报错 -->   
  
                  </div>
                  <aside class="col-md-4 gal-left" id="sidebar">
      <!-- 此为sidebar的搜索框, 非搜索结果页面 -->
  <aside id="sidebar-search">
      <div class="search hidden-xs" data-aos="fade-up" data-aos-duration="2000">
          <form class="form-inline clearfix" id="search-form" method="get"
                action="/search/index.html">
              <input type="text" name="s" class="form-control" id="searchInput" placeholder="搜索文章~" autocomplete="off">
              <button class="btn btn-danger btn-gal" type="submit">
                  <i class="fa fa-search"></i>
              </button>
          </form>
      </div>
  </aside>
      <aside id="sidebar-author">
      <div class="panel panel-gal" data-aos="flip-right" data-aos-duration="3000">
          <div class="panel-heading" style="text-align: center">
              <i class="fa fa-quote-left"></i>
              漆黑の翼
              <i class="fa fa-quote-right"></i>
          </div>
          <div class="author-panel text-center">
              <img src="/imgs/avatar.jpg" width="140" height="140"
                   alt="个人头像" class="author-image">
              <p class="author-description"></p>
          </div>
      </div>
  </aside>
      
      <!-- 要配置好leancloud才能开启此小工具 -->
      
      
      <aside id="sidebar-recent_posts">
      <div class="panel panel-gal recent hidden-xs" data-aos="fade-up" data-aos-duration="2000">
          <div class="panel-heading">
              <i class="fa fa-refresh"></i>
              近期文章
              <i class="fa fa-times-circle panel-remove"></i>
              <i class="fa fa-chevron-circle-up panel-toggle"></i>
          </div>
          <ul class="list-group list-group-flush">
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2024/02/19/rtsp/">ffmpeg实现前端播放rtsp</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2023/04/12/redis/">linux系统安装redis教程</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/12/10/chatgpt/">快速注册并使用ChatGpt接口</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/11/09/colab/">云端部署NovelAi</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/10/31/taobao/">淘宝模拟登录及滑块验证</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/07/17/vue3/">从vue2到vue3，一文带你看完vue3的新特性</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/06/15/jssdk/">微信JS-SDK和WeixinJSBridge的区别</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/04/06/cors/">手把手教你解决web前端跨域问题</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/03/09/anim/">AIML框架学习</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2021/12/09/pay/">EasyWechat开发微信支付代码实例</a>
                  </span>
              </li>
              
          </ul>
      </div>
  </aside>
      
      
      <aside id="sidebar-rand_posts">
      <div class="panel panel-gal recent hidden-xs" data-aos="fade-up" data-aos-duration="2000">
          <div class="panel-heading">
              <i class="fa fa-refresh"></i>
              随机文章
              <i class="fa fa-times-circle panel-remove"></i>
              <i class="fa fa-chevron-circle-up panel-toggle"></i>
          </div>
          <ul class="list-group list-group-flush">
              
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/12/10/chatgpt/">快速注册并使用ChatGpt接口</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2020/02/06/api/">腾讯QQ常用API收集</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/03/09/anim/">AIML框架学习</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2021/08/08/flask/">CentOS 7下宝塔部署Django项目、Flask项目</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2022/06/15/jssdk/">微信JS-SDK和WeixinJSBridge的区别</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2020/10/20/phpexcel/">php导出excel表</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2023/04/12/redis/">linux系统安装redis教程</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2020/04/16/qqcard/">如何制作QQ动态个性名片</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2020/04/07/selenium/">Python实现滑块验证</a>
                  </span>
              </li>
              
              <li class="list-group-item">
                  <span class="post-title">
                      <a href="/2020/06/07/uniapp/">uni-app学习笔记</a>
                  </span>
              </li>
              
          </ul>
      </div>
  </aside>
      
      
      <aside id="gal-sets">
          <div class="panel panel-gal hidden-xs" data-aos="fade-up" data-aos-duration="2000">
              <ul class="nav nav-pills pills-gal">
  
                  
                  <li>
                      <a href="/index.html#sidebar-tags" data-toggle="tab" id="tags-tab">热门标签</a>
                  </li>
                  
                  
                  <li>
                      <a href="/index.html#sidebar-friend-links" data-toggle="tab" id="friend-links-tab">友情链接</a>
                  </li>
                  
                  
                  <li>
                      <a href="/index.html#sidebar-links" data-toggle="tab" id="links-tab">个人链接</a>
                  </li>
                  
              </ul>
              <div class="tab-content">
                  
                  <div class="cloud-tags tab-pane nav bs-sidenav fade" id="sidebar-tags">
      
      <a href="/tags/arraybuffer/" style="font-size: 16.48222433170651px;" class="tag-cloud-link">arraybuffer</a>
      
      <a href="/tags/buffer/" style="font-size: 14.732397729523784px;" class="tag-cloud-link">buffer</a>
      
      <a href="/tags/js/" style="font-size: 19.8498223635059px;" class="tag-cloud-link">js</a>
      
      <a href="/tags/blob/" style="font-size: 9.98122455773575px;" class="tag-cloud-link">blob</a>
      
      <a href="/tags/chatgpt/" style="font-size: 16.26091251542737px;" class="tag-cloud-link">chatgpt</a>
      
      <a href="/tags/api/" style="font-size: 9.64227970762989px;" class="tag-cloud-link">api</a>
      
      <a href="/tags/%E8%B7%A8%E5%9F%9F-%E5%89%8D%E7%AB%AF-%E6%B5%8F%E8%A7%88%E5%99%A8-cors/" style="font-size: 13.684012769384648px;" class="tag-cloud-link">跨域,前端,浏览器,cors</a>
      
      <a href="/tags/AIML/" style="font-size: 11.324724834310782px;" class="tag-cloud-link">AIML</a>
      
      <a href="/tags/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/" style="font-size: 15.10257910285237px;" class="tag-cloud-link">人工智能</a>
      
      <a href="/tags/python/" style="font-size: 14.00909993806033px;" class="tag-cloud-link">python</a>
      
      <a href="/tags/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80/" style="font-size: 10.584313574726618px;" class="tag-cloud-link">自然语言</a>
      
      <a href="/tags/%E9%83%A8%E7%BD%B2/" style="font-size: 14.076495476224498px;" class="tag-cloud-link">部署</a>
      
      <a href="/tags/Regexp/" style="font-size: 13.534752968191935px;" class="tag-cloud-link">Regexp</a>
      
      <a href="/tags/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" style="font-size: 8.433436385655837px;" class="tag-cloud-link">正则表达式</a>
      
      <a href="/tags/flask/" style="font-size: 10.484910425820669px;" class="tag-cloud-link">flask</a>
      
      <a href="/tags/novelai-colab/" style="font-size: 11.048156007553601px;" class="tag-cloud-link">novelai, colab</a>
      
      <a href="/tags/%E5%89%8D%E7%AB%AF/" style="font-size: 11.938797652792193px;" class="tag-cloud-link">前端</a>
      
      <a href="/tags/JS/" style="font-size: 11.407154129901121px;" class="tag-cloud-link">JS</a>
      
      <a href="/tags/JavaScript/" style="font-size: 9.304048579972461px;" class="tag-cloud-link">JavaScript</a>
      
      <a href="/tags/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/" style="font-size: 17.55653848105654px;" class="tag-cloud-link">微信小程序</a>
      
      <a href="/tags/unionid/" style="font-size: 11.258851886976242px;" class="tag-cloud-link">unionid</a>
      
      <a href="/tags/PHP/" style="font-size: 8.696362259831357px;" class="tag-cloud-link">PHP</a>
      
      <a href="/tags/QueryList/" style="font-size: 11.32322414442708px;" class="tag-cloud-link">QueryList</a>
      
      <a href="/tags/%E7%88%AC%E8%99%AB/" style="font-size: 11.360171405039384px;" class="tag-cloud-link">爬虫</a>
      
      <a href="/tags/JSSDK/" style="font-size: 11.353368200912332px;" class="tag-cloud-link">JSSDK</a>
      
      <a href="/tags/%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98/" style="font-size: 9.450503044808215px;" class="tag-cloud-link">微信支付</a>
      
      <a href="/tags/php/" style="font-size: 14.018856784997784px;" class="tag-cloud-link">php</a>
      
      <a href="/tags/%E5%B0%8F%E7%A8%8B%E5%BA%8F/" style="font-size: 12.376071593525015px;" class="tag-cloud-link">小程序</a>
      
      <a href="/tags/APP/" style="font-size: 14.915871106299573px;" class="tag-cloud-link">APP</a>
      
      <a href="/tags/mmd/" style="font-size: 15.739215022610196px;" class="tag-cloud-link">mmd</a>
      
      <a href="/tags/tensorflow/" style="font-size: 11.784846399980427px;" class="tag-cloud-link">tensorflow</a>
      
      <a href="/tags/opencv/" style="font-size: 13.90070609900918px;" class="tag-cloud-link">opencv</a>
      
      <a href="/tags/redis/" style="font-size: 14.977226340366435px;" class="tag-cloud-link">redis</a>
      
      <a href="/tags/linux/" style="font-size: 13.994717964075784px;" class="tag-cloud-link">linux</a>
      
      <a href="/tags/qq/" style="font-size: 8.839538545304336px;" class="tag-cloud-link">qq</a>
      
      <a href="/tags/ae/" style="font-size: 15.553376401725778px;" class="tag-cloud-link">ae</a>
      
      <a href="/tags/json/" style="font-size: 11.420257048129754px;" class="tag-cloud-link">json</a>
      
      <a href="/tags/selenium/" style="font-size: 10.732618560768161px;" class="tag-cloud-link">selenium</a>
      
      <a href="/tags/ffmpeg/" style="font-size: 15.913124351338697px;" class="tag-cloud-link">ffmpeg</a>
      
      <a href="/tags/rtsp/" style="font-size: 10.468332742536592px;" class="tag-cloud-link">rtsp</a>
      
      <a href="/tags/vue/" style="font-size: 16.763539529678766px;" class="tag-cloud-link">vue</a>
      
      <a href="/tags/nodejs/" style="font-size: 9.864252084501457px;" class="tag-cloud-link">nodejs</a>
      
      <a href="/tags/%E9%AA%8C%E8%AF%81/" style="font-size: 14.284297141040586px;" class="tag-cloud-link">验证</a>
      
      <a href="/tags/uni-app/" style="font-size: 14.255621161116029px;" class="tag-cloud-link">uni-app</a>
      
      <a href="/tags/Vue/" style="font-size: 18.486791891004515px;" class="tag-cloud-link">Vue</a>
      
      <a href="/tags/%E8%BD%AE%E6%92%AD%E5%9B%BE/" style="font-size: 18.020340288223313px;" class="tag-cloud-link">轮播图</a>
      
      <a href="/tags/watch/" style="font-size: 19.65310089430059px;" class="tag-cloud-link">watch</a>
      
      <a href="/tags/%E8%B4%AD%E7%89%A9%E8%BD%A6/" style="font-size: 19.370787917490233px;" class="tag-cloud-link">购物车</a>
      
      <a href="/tags/vue3/" style="font-size: 15.364010701382508px;" class="tag-cloud-link">vue3</a>
      
      <a href="/tags/IM/" style="font-size: 13.7867852429344px;" class="tag-cloud-link">IM</a>
      
      <a href="/tags/websocket/" style="font-size: 19.39966452136116px;" class="tag-cloud-link">websocket</a>
      
      <a href="/tags/thinkphp/" style="font-size: 8.858276274358033px;" class="tag-cloud-link">thinkphp</a>
      
      <a href="/tags/workman/" style="font-size: 12.074242187184222px;" class="tag-cloud-link">workman</a>
      
      <a href="/tags/webpack/" style="font-size: 14.318979396041549px;" class="tag-cloud-link">webpack</a>
      
      <a href="/tags/%E6%A8%A1%E5%9D%97%E5%8C%96/" style="font-size: 17.67604272598796px;" class="tag-cloud-link">模块化</a>
      
  </div>
                  
                  
                  <div class="friend-links tab-pane nav bs-sidenav fade" id="sidebar-friend-links">
      
      <li>
          <a href="https://www.kancloud.cn/manual/thinkphp6_0/1037479" target="_blank">ThinkPHP</a>
      </li>
      
      <li>
          <a href="https://uniapp.dcloud.io/" target="_blank">uni-app</a>
      </li>
      
      <li>
          <a href="https://cn.vuejs.org/v2/guide/" target="_blank">Vue.js</a>
      </li>
      
  </div>
                  
                  
                  <div class="links tab-pane nav bs-sidenav fade" id="sidebar-links">
      
      <li>
          <a href="https://space.bilibili.com/5058127" target="_blank">小翼游戏厅</a>
      </li>
      
      <li>
          <a href="https://www.outerheavendd.com/lexicon" target="_blank">世外天堂词库</a>
      </li>
      
  </div>
                  
              </div>
          </div>
      </aside>
      
  </aside>
              </div>
          </div>
      </div>
      </div>
      <footer id="gal-footer">
      <div class="container" style="font-size: 16px">
          
  <link rel="stylesheet" href="/js/aplayer/APlayer.min.css">
  
          <div id="aplayer" class="no-destroy"></div>
          
  <script src="/js/aplayer/APlayer.min.js"></script>
  
          <script>
              const ap = new APlayer({
                  container: document.getElementById('aplayer'),
                  fixed: true,
                  audio: [{
                      name: 'Pick Me Up日文版',
                      artist: '周小蚕 / 初音ミク',
                      url: 'http://music.163.com/song/media/outer/url?id=1333218087.mp3',
                      cover: 'http://p2.music.126.net/FgWQFuKFV5X-ZRTVJ9qEXg==/109951163718827362.jpg?param=130y130',
                  },
                  {
                      name: 'White Magic',
                      artist: "Ujico*/Snail's House",
                      url: 'http://music.163.com/song/media/outer/url?id=33469659.mp3',
                      cover: 'http://p1.music.126.net/bBXn9b0o65nIN-xkbhL4Xg==/7997847581971199.jpg'
                  },
                  {
                      name: '桃花笑',
                      artist: '泠鸢yousa',
                      url: 'http://music.163.com/song/media/outer/url?id=1418163109.mp3',
                      cover: 'http://p2.music.126.net/hauPmnxKqlnkASFvDqitEw==/109951164643900131.jpg',
                      lrc:'lrc/3.lrc'
                  },
                  {
                      name: "糖果色恋爱学",
                      artist: "熊子/ANK",
                      url: "http://music.163.com/song/media/outer/url?id=465807622.mp3",
                      cover: "http://p2.music.126.net/SrXjTwef2nMNo1PmERm9AQ==/109951162877158539.jpg",
                  },
                  {
                      name: "シンクロナイザー",
                      artist: "Orangestar/初音ミク",
                      url: "http://music.163.com/song/media/outer/url?id=31830614.mp3",
                      cover: "http://p2.music.126.net/FGYCo9ZtZd-vcOBZXeu-Cg==/109951165868160762.jpg"
                  },
                  {
                      name: 'ハッピーシンセサイザ',
                      artist: "EasyPop",
                      url: "https://isure.stream.qqmusic.qq.com/C4000043Y7SP0piBUW.m4a?guid=358840384&vkey=52D42FE78DABED29D2FB78B17AA517809B1E70C53CDFDFCAC3326B0C382341B34C9015A51CFE883E5DBCD59B392789866FD969C618EF65E8&uin=&fromtag=66",
                      cover: "http://imgcache.qq.com/music/photo/album_500/42/500_albumpic_1106039_0.jpg"
                  }
                  ]
              });
          </script>
          <div id="chakhsu">(゜-゜)つロ 🍻~</div>
          <div>
              <span><a href="http://beian.miit.gov.cn/" target="_blank" style="color:#ffffff">陇ICP备2020003299号</a></span>
              <span class="post-meta-divider">|</span>
              <span><img class="img" style="border: 0;display:inline-block;vertical-align: middle;" src="http://www.gov.cn/govweb/xhtml/2016gov/images/index/2018guohui03.png" alt=""><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=62080202000163" target="_blank" style="color:#ffffff">甘公网安备 62080202000163号</a></span>
          </div>
          <div>
              Copyright © 2020 漆黑の翼 Powered by <a href="https://hexo.io/" target="_blank">Hexo</a>
          </div>
           <div class="powered-by">
              <i class="fa fa-user"></i><span id="busuanzi_value_site_uv"></span>
              <span class="post-meta-divider">|</span>
              <i class="fa fa-eye"></i><span id="busuanzi_value_site_pv"></span>
          </div>
          <div id="runtime"> </div>
          <script>
              function siteTime() {
                  window.setTimeout("siteTime()", 1000);
                  let seconds = 1000;
                  let minutes = seconds * 60;
                  let hours = minutes * 60;
                  let days = hours * 24;
                  let years = days * 365;
                  let today = new Date();
                  let todayYear = today.getFullYear();
                  let todayMonth = today.getMonth() + 1;
                  let todayDate = today.getDate();
                  let todayHour = today.getHours();
                  let todayMinute = today.getMinutes();
                  let todaySecond = today.getSeconds();
                  /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
                  year - 作为date对象的年份，为4位年份值
                  month - 0-11之间的整数，做为date对象的月份
                  day - 1-31之间的整数，做为date对象的天数
                  hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
                  minutes - 0-59之间的整数，做为date对象的分钟数
                  seconds - 0-59之间的整数，做为date对象的秒数
                  microseconds - 0-999之间的整数，做为date对象的毫秒数 */
                  let t1 = Date.UTC(2020, 02, 06, 00, 00, 00); //北京时间2018-2-13 00:00:00
                  let t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
                  let diff = t2 - t1;
                  let diffYears = Math.floor(diff / years);
                  let diffDays = Math.floor((diff / days) - diffYears * 365);
                  let diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
                  let diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes);
                  let diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes * minutes) / seconds);
                  document.getElementById("runtime").innerHTML = "本站已运行 " +diffYears+" 年 "+diffDays + " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒";
              }/*因为建站时间还没有一年，就将之注释掉了。需要的可以取消*/
              siteTime();
          </script>
          <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
      </div>
  </footer>
  
  <!-- 回到顶端 -->
  
  <script src="https://cdn.jsdelivr.net/gh/Ukenn2112/UkennWeb@3.0/index/web.js"></script>
   <!--sakura-->
  
  <link rel="stylesheet" href="/css/szgotop/szgotop.css">
  <!--小猫-->
  
  <script src="/js/szgotop/szgotop.js"></script>
   <!--小猫-->
  <div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -999px;"></div>
  
  
  
      <script>
          $(document).pjax('a[target!=_blank]', '#pageContent', {fragment: '#pageContent'});
      </script>
  </body>
  
  <script src="/js/activate-power-mode.js"></script>
  
  <script>
      // 配置highslide
  	hs.graphicsDir = '/js/highslide/graphics/'
      hs.outlineType = "rounded-white";
      hs.dimmingOpacity = 0.8;
      hs.outlineWhileAnimating = true;
      hs.showCredits = false;
      hs.captionEval = "this.thumb.alt";
      hs.numberPosition = "caption";
      hs.align = "center";
      hs.transitions = ["expand", "crossfade"];
      hs.lang.number = '共%2张图, 当前是第%1张';
      hs.addSlideshow({
        interval: 5000,
        repeat: true,
        useControls: true,
        fixedControls: "fit",
        overlayOptions: {
          opacity: 0.75,
          position: "bottom center",
          hideOnMouseOut: true
        }
      })
  
      // 初始化aos
      AOS.init({
        duration: 1000,
        delay: 0,
        easing: 'ease-out-back'
      });
  
  </script>
  <script>
  	POWERMODE.colorful = 'true';    // make power mode colorful
  	POWERMODE.shake = 'true';       // turn off shake
  	// TODO 这里根据具体情况修改
  	document.body.addEventListener('input', POWERMODE);
  </script>
  <!--<script>-->
  <!--    window.slideConfig = {-->
  <!--      prefix: '/imgs/slide/bg',-->
  <!--      ext: 'jpg',-->
  <!--      maxCount: '4'-->
  <!--    }-->
  <!--</script>-->
  
  <script src="/js/hs.js"></script>
  <script src="/js/blog.js"></script>
  
  
  
  
      <script>
      //自定义js
      // 个性化网页标题
      var OriginTitile = document.title,
          titleTime;
      document.addEventListener("visibilitychange", function() {
          if (document.hidden) {
              document.title = "你别走吖 Σ(っ °Д °;)っ";
              clearTimeout(titleTime)
          } else {
              document.title = "你可算回来了 (｡•ˇ‸ˇ•｡) " + OriginTitile;
              titleTime = setTimeout(function() {
                      document.title = OriginTitile
                  },
                  2000)
          }
      });
  </script>
  <!-- 实现拖动效果，需引入 JQuery UI -->
  <!-- <script src="/assets/jquery-ui.min.js?v=1.12.1"></script>-->
  
  <div class="waifu">
      <div class="waifu-tips"></div>
      <canvas id="live2d" class="live2d"></canvas>
      <div class="waifu-tool">
          <span class="fui-home"></span>
          <span class="fui-chat"></span>
          <span class="fui-eye"></span>
          <span class="fui-user"></span>
          <span class="fui-photo"></span>
          <span class="fui-cross"></span>
      </div>
  </div>
  
  <link rel="stylesheet" href="/css/sweetalert.css">
  <!--弹框-->
  
  <script src="/js/sweetalert.js"></script>
  
  
  <script src="/js/welcome.js"></script>
  
  
  <link rel="stylesheet" href="/css/waifu/waifu.min.css?v=1.4.2.css">
  <!--live2D-->
  
  <script src="/js/waifu/waifu-tips.min.js?v=1.4.2.js"></script>
  
  
  <script src="/js/waifu/live2d.min.js?v=1.0.5.js"></script>
  
  <script type="text/javascript">
      /* 可直接修改部分参数 */
      live2d_settings['modelId'] = 3; // 默认模型 ID
      live2d_settings['modelTexturesId'] = 42; // 默认材质 ID
      live2d_settings['modelStorage'] = false; // 不储存模型 ID
      live2d_settings['canCloseLive2d'] = true; // 隐藏 关闭看板娘 按钮
      live2d_settings['canTurnToHomePage'] = true; // 隐藏 返回首页 按钮
      live2d_settings['waifuSize'] = '300x292'; // 看板娘大小
      live2d_settings['waifuTipsSize'] = '300'; // 提示框大小
      live2d_settings['waifuFontSize'] = '16px'; // 提示框字体
      live2d_settings['waifuToolFont'] = '20px'; // 工具栏字体
      live2d_settings['waifuToolLine'] = '35px'; // 工具栏行高
      live2d_settings['waifuToolTop'] = '0px'; // 工具栏顶部边距
      live2d_settings['waifuDraggable'] = 'axis-x'; // 拖拽样式
      /* 在 initModel 前添加 */
      initModel("/js/waifu/waifu-tip2s.json?v=1.4.2")
  </script>
  
  <script src="/js/mouse/mousestyle.js"></script>
   <!--心-->
  
  <script src="/js/shine/shine.js"></script>
   <!--闪烁字-->
  <!-- 高亮-->
  <link rel="stylesheet" href="//cdn.bootcdn.net/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  </html>
  
endpoints.name: https://www.outerheavendd.com/favicon.ico
endpoints.html_title: 世外天堂
endpoints.supported_versions: HTTP/1.1 HTTP/2
endpoints.banner: HTTP/1.1 200 OK
  Server: nginx
  Date:  <REDACTED>
  Content-Type: text/html
  Last-Modified: Mon, 19 Feb 2024 08:58:28 GMT
  Transfer-Encoding: chunked
  Connection: keep-alive
  Vary: Accept-Encoding
  ETag: W/"65d31834-f52e"
  Strict-Transport-Security: max-age=31536000
  Alt-Svc: quic=":443"; h3=":443"; h3-29=":443"; h3-27=":443";h3-25=":443"; h3-T050=":443"; h3-Q050=":443";h3-Q049=":443";h3-Q048=":443"; h3-Q046=":443"; h3-Q043=":443"
  Content-Encoding: gzip
  
endpoints.ip: 47.92.134.180
[binary data, 7 values, 175 bytes]