mirror of https://github.com/jkjoy/sunpeiwen.git
577 lines
25 KiB
HTML
577 lines
25 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
|
||
<link rel="icon" href="/img/logo.png">
|
||
|
||
|
||
<meta name="author" content="浪子">
|
||
|
||
|
||
<meta name="subtitle" content="一个分享自己生活的博客">
|
||
|
||
|
||
<meta name="description" content="曾梦想仗剑走天涯;因太胖放弃原计划.">
|
||
|
||
|
||
<meta name="keywords" content=",DIY,黑苹果,分享,自由">
|
||
|
||
|
||
<link rel="alternate" href="/atom.xml " title="提剑追梦" type="application/atom+xml">
|
||
|
||
|
||
|
||
|
||
<title>2023国内注册ChatGPT的方法 | 提剑追梦</title>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="/css/style.css" >
|
||
<link rel="stylesheet" href="/css/partial/dark.css" >
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="/css/partial/highlight/atom-one-light.css">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">
|
||
|
||
<link rel="stylesheet" href="https://cdnjs.sgcd.net/lxgw-wenkai-screen-webfont/lxgwwenkaigbscreen.css">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/a2396837/CDN@latest/css/iconfont.css">
|
||
|
||
|
||
|
||
|
||
<script src="/js/todark.js"></script>
|
||
|
||
<meta name="generator" content="Hexo 6.3.0"></head>
|
||
</html>
|
||
|
||
<div class="nav index" style="height: 60px;">
|
||
<div class="title animated fadeInDown">
|
||
<div class="layui-container">
|
||
<div class="nav-title"><a href="/" title="提剑追梦">提剑追梦</a></div>
|
||
<div class="nav-list">
|
||
<button> <span class=""></span><span style="display: block;"></span><span class=""></span> </button>
|
||
<ul class="layui-nav" lay-filter="">
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/search/ ">
|
||
<i class=" fas fa-search-plus " style="color: rgb(3 169 244);"></i>
|
||
<span class="layui-nav-item-name">搜索</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/ ">
|
||
<i class=" fab fa-fort-awesome " style="color: rgb(255 107 107);"></i>
|
||
<span class="layui-nav-item-name">首页</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/archives/ ">
|
||
<i class=" fas fa-archive " style="color: rgb(10 189 227);"></i>
|
||
<span class="layui-nav-item-name">归档</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/tags/ ">
|
||
<i class=" fas fa-hashtag " style="color: rgb(254 202 87);"></i>
|
||
<span class="layui-nav-item-name">标签</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/fcircle/ ">
|
||
<i class=" fas fa-heart " style="color: rgb(29 209 161);"></i>
|
||
<span class="layui-nav-item-name">朋友圈</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/links/ ">
|
||
<i class=" fab fa-weixin " style="color: hsl(152deg 73% 45%);"></i>
|
||
<span class="layui-nav-item-name">友链</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/memos/ ">
|
||
<i class=" fas fa-coffee " style="color:#31c7c1;"></i>
|
||
<span class="layui-nav-item-name">说说</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
<li class="layui-nav-item">
|
||
<a href="/about/ ">
|
||
<i class=" fab fa-grav " style="color: rgb(154 106 247);"></i>
|
||
<span class="layui-nav-item-name">关于</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li class="layui-nav-item" id="btn-toggle-dark">🌙</li>
|
||
|
||
<span class="layui-nav-bar" style="left: 342px; top: 78px; width: 0px; opacity: 0;"></span>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<header class="header">
|
||
|
||
<div class="logo">
|
||
<a href="/"><img src="https://img.imsun.org/avatar.jpg" onerror=this.onerror=null,this.src="/img/loading.gif"></a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="motto">
|
||
<span>曾梦想仗剑走天涯</span>
|
||
</div>
|
||
|
||
|
||
<div class="social">
|
||
|
||
<a class="social-icon" href="https://github.com/jkjoy" target="_blank" title="Github">
|
||
<i class="iconfont icon-GitHub" aria-hidden="true"></i>
|
||
</a>
|
||
|
||
<a class="social-icon" href="mailto:jkjoy@163.com" target="_blank" title="Email">
|
||
<i class="iconfont icon-email" aria-hidden="true"></i>
|
||
</a>
|
||
|
||
<a class="social-icon" href="/atom.xml" target="_blank" title="rss">
|
||
<i class="iconfont icon-rss" aria-hidden="true"></i>
|
||
</a>
|
||
|
||
</div>
|
||
|
||
</header>
|
||
|
||
|
||
<article id="post">
|
||
<div class="post-title">2023国内注册ChatGPT的方法</div>
|
||
|
||
<div class="post-meta">
|
||
|
||
|
||
<div class="post-meta-item date">
|
||
<span title="发表于 2023.04.07"><i class="far fa-calendar-alt"></i> 2023.04.07</span>
|
||
</div>
|
||
<div class="post-meta-item updated">
|
||
<span title="更新于 2024.05.10"><i class="far fa-calendar-check"></i> 2024.05.10</span>
|
||
</div>
|
||
|
||
|
||
<div class="post-meta-item categories">
|
||
|
||
<i class="fas fa-inbox article-meta__icon"></i> <a href="/categories/%E5%88%86%E4%BA%AB/">分享</a>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="post-meta-item wordcount">
|
||
|
||
<i class="fas fa-pencil-alt"></i> <span class="post-count">1.1k 字</span>
|
||
|
||
|
||
<i class="far fa-clock"></i> <span class="post-count">3 分钟</span>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div class="content">
|
||
<blockquote><h3>自动摘要</h3>
|
||
|
||
ai: 这篇文章介绍了如何在中国大陆注册和使用ChatGPT，首先提到了ChatGPT的基本情况和功能，然后详细阐述了国内用户注册ChatGPT的步骤，包括网络环境、手机号码验证和使用第三方接码平台来接收短信验证码的过程。最后简要说明了如何使用ChatGPT进行聊天和其他应用。
|
||
</blockquote>
|
||
<div><h4 id="国内注册ChatGPT的方法"><a href="#国内注册ChatGPT的方法" class="headerlink" title="国内注册ChatGPT的方法"></a>国内注册ChatGPT的方法</h4><p><code>ChatGPT</code> 是由 <code>OpenAI </code>开发的一个人工智能聊天机器人程序，于 2022 年 11 月推出，基于 GPT-3.5 架构的大型语言模型并通过强化学习进行训练，在这款软件中用户们可以与 AI 人工智能进行多种的对话工作，目前，有部分地区（例如<code>中国大陆</code>、<code>香港</code>）无法使用此项服务 </p>
|
||
<p><code>ChatGPT</code>技术开发商<code>OpenAI</code>斥巨资买下<code>AI.com</code>域名，现在访问<a target="_blank" rel="noopener" href="https://ai.com/">AI.com</a>直接跳转到ChatGPT官网。 </p>
|
||
<h4 id="ChatGPT功能"><a href="#ChatGPT功能" class="headerlink" title="ChatGPT功能"></a>ChatGPT功能</h4><ul>
|
||
<li>ChatGPT 在搜索和写作上非常强大。</li>
|
||
<li>ChatGPT 可以根据用户提供的信息，给出合理而有效的搜索结果，</li>
|
||
<li>ChatGPT 写的短篇小说，</li>
|
||
<li>ChatGPT 写的信件，内容通畅，用词准确。</li>
|
||
<li>ChatGPT 撰写专业的电子邮件回复</li>
|
||
<li>ChatGPT 为营销活动产生新的内容创意</li>
|
||
<li>ChatGPT 解决任何编码问题或为获取代码</li>
|
||
</ul>
|
||
<h4 id="国内用户注册ChatGPT的方法"><a href="#国内用户注册ChatGPT的方法" class="headerlink" title="国内用户注册ChatGPT的方法"></a>国内用户注册ChatGPT的方法</h4><p> 国内用户想要注册 ChatGPT，首先需要有一个<strong>网络环境</strong>，例如<code>美国</code>；然后，需要一个可以接收短信验证码的手机号码，之后就可以打开 ChatGPT 的网站<strong>注册 ，邮件验证，电话号码验证</strong>等等。</p>
|
||
<p> <strong>如果出现如下的界面，则证明你的网络所在地区无法注册访问ChatGPT。</strong></p>
|
||
<p><code>注意：</code>如果无法搞定上述必要条件的话，可以尝试<br>搭建一个梯子 <a target="_blank" rel="noopener" href="https://www.sunpeiwen.com/archives/396.html">x-ui：支持多协议多用户的 xray 面板</a> </p>
|
||
<h5 id="注册-OpenAI-账号"><a href="#注册-OpenAI-账号" class="headerlink" title="注册 OpenAI 账号"></a>注册 OpenAI 账号</h5><p> 1、点击打开 <a target="_blank" rel="noopener" href="https://chat.openai.com/auth/login">https://chat.openai.com/auth/login</a> 页面中的 <code>Sign up </code>进行相应的账号注册（注意网络环境不能是<code>香港</code>，<code>澳门</code>等地区，不然会提示不能在当前国家服务）。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676427587-%E6%B3%A8%E5%86%8COpenAI%E8%B4%A6%E5%8F%B7.png" alt="注册"><br>2、在新的页面可选择注册 <code>ChatGPT</code> 账号的方式，可以使用邮箱(国内邮箱也可以，建议使用国外邮箱)，，或者有谷歌账号的邮箱，或者用 Microsoft Account 注册也可以。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676427844-%E9%80%89%E6%8B%A9%E5%88%9B%E5%BB%BAChatGPT%E8%B4%A6%E5%8F%B7%E7%9A%84%E6%96%B9%E5%BC%8F.png" alt="选择创建ChatGPT账号的方式"><br><strong>使用邮箱注册ChatGPT时</strong>，输入邮箱地址，点击<code>Continue</code>，之后输入密码，进入下一步骤。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676428115-%E4%BD%BF%E7%94%A8%E9%82%AE%E7%AE%B1%E6%B3%A8%E5%86%8CChatGPT.png" alt="使用邮箱注册ChatGPT"><br><strong>使用 Microsoft Account 注册ChatGPT时</strong>，可以使用Microsoft账号登录，如果有Github账号的话，可点击<code>登录选项</code>，然后选择使用Github账号 注册。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676428134-%E4%BD%BF%E7%94%A8Microsoft-Account%E6%B3%A8%E5%86%8CChatGPT.png" alt="使用Microsoft-Account注册ChatGPT"><br><strong>使用 Google 账号注册ChatGPT时</strong>，输入Google账号地址及密码，然后进入下一步骤。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676428153-%E4%BD%BF%E7%94%A8Google%E8%B4%A6%E5%8F%B7%E6%B3%A8%E5%86%8CChatGPT.png" alt="使用Google账号注册ChatGPT"><br>3、以<strong>使用邮箱注册ChatGPT</strong>为例，输入邮箱需要在邮箱收到的邮件内点击验证，</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676431622-%E9%AA%8C%E8%AF%81ChatGPT%E9%82%AE%E7%AE%B1.png" alt="验证ChatGPT邮箱"><br>4、然后继续在ChatGPT注册页面填入信息</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676431710-%E5%9C%A8ChatGPT%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2%E5%A1%AB%E5%85%A5%E4%BF%A1%E6%81%AF.png" alt="在ChatGPT注册页面填入信息"><br>5、填写ChatGPT手机短信验证码</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676431788-%E5%A1%AB%E5%86%99ChatGPT%E6%89%8B%E6%9C%BA%E7%9F%AD%E4%BF%A1%E9%AA%8C%E8%AF%81%E7%A0%81.png" alt="填写ChatGPT手机短信验证码"></p>
|
||
<h5 id="接收手机短信验证码"><a href="#接收手机短信验证码" class="headerlink" title="接收手机短信验证码"></a>接收手机短信验证码</h5><p> 需要使用中国以外的手机号码进行验证，例如美国、印度等，可以在俄罗斯的接码平台<code>sms-activate</code>来完成，该网站支持中文/英文显示界面，支持支付宝，使用俄罗斯卢布计费。</p>
|
||
<p> 1、现在就需要用到注册的第三方接码平台了，访问<a target="_blank" rel="noopener" href="https://sms-activate.org/?ref=5366293"> </a><a target="_blank" rel="noopener" href="https://sms-activate.org/?ref=5366293">https://sms-activate.org/</a>。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676432063-%E6%B3%A8%E5%86%8C%E7%9A%84%E7%AC%AC%E4%B8%89%E6%96%B9%E6%8E%A5%E7%A0%81%E5%B9%B3%E5%8F%B0%E4%BA%86.png" alt="注册的第三方接码平台了"> </p>
|
||
<p>2、注册完成后需要充值（按照 1 美元兑换 73 卢布），点击右上角<strong>“ 余额充值 ”</strong>，使用支付宝充值 1 美元即可<strong>（sms-activate.org平台规则发生变化，少于10美元充值，需最低充值2美元<2023.3.22>）</strong>。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676432200-%E6%B3%A8%E5%86%8C%E5%AE%8C%E6%88%90%E5%90%8E%E9%9C%80%E8%A6%81%E5%85%85%E5%80%BC.png" alt="注册完成后需要充值"><br>3、在平台左侧搜索 OpenAI ，然后在国家那里找到Indonesia(印度尼西亚)，点击选择国家后面的加入购物车即可。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676432316-1676429348918.png" alt="选择国家"><br>4、然后等一会出现如下界面，这里的手机号拷贝出来，输入到上一步中注册OpenAI的界面上，然后点击 Send code按钮，<strong>在下图的界面中等待验证码短信发送</strong>。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676433066-%E6%8E%A5%E6%94%B6%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81.jpg" alt="接收输入验证码"><br><code>注意：</code>有效期是20分钟，需要快速操作，若两三分钟没有收到短信验证码，可点击旁边的删除按钮，然后再次选择别的手机号码，未收到验证不扣费。</p>
|
||
<h4 id="使用ChatGPT"><a href="#使用ChatGPT" class="headerlink" title="使用ChatGPT"></a>使用ChatGPT</h4><p> 账号注册完成了，就可以尽情的使用ChatGPT来玩耍了，重新登录ChatGPT官网，然后<a target="_blank" rel="noopener" href="https://chat.openai.com/">访问Chat</a>，这时你就可以开始尽情和机器人聊天了。</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676433542-%E4%BD%BF%E7%94%A8ChatGPT.png" alt="使用ChatGPT"></p>
|
||
<p>使用ChatGPT示例，如何写一个吸引人的 标题</p>
|
||
<p><img src= "/img/loading.gif" data-src="https://www.pythonthree.com/wp-content/uploads/2023/02/1676440083-%E4%BD%BF%E7%94%A8ChatGPT%E7%A4%BA%E4%BE%8B.png" alt="使用ChatGPT示例"></p>
|
||
<h4 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h4><p> 以上是为你介绍的国内注册 ChatGPT 的方法，希望对你了解 ChatGPT 有所帮助，如有问题，欢迎联系我们。</p>
|
||
</div>
|
||
|
||
<div class="post-copyright">
|
||
<div class="copyright-item">
|
||
<span> 作者: 浪子</span>
|
||
</div>
|
||
<div class="copyright-item">
|
||
<span> 链接: <a href="https://blog.jkjoy.cn/posts/156e4c13.html">https://blog.jkjoy.cn/posts/156e4c13.html</a></span>
|
||
</div>
|
||
<div class="copyright-item">
|
||
<span> 声明: 本博客所有文章除特别声明外，均采用许可协议 <a target="_blank" rel="noopener" href="http://creativecommons.org/licenses/by-nc/4.0/">CC-BY-NC-4.0</a> 转载请注明出处！</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="share-reward">
|
||
<div class="share">
|
||
|
||
<div class="social-share" data-sites="wechat,weibo,qq"></div>
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css">
|
||
<script src="https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js"></script>
|
||
|
||
|
||
</div>
|
||
<div class="reward">
|
||
|
||
<div style="padding: 10px 0; margin-left: 20px; width: 90%; text-align: center;">
|
||
<div class="reward-content">
|
||
<ul id="donateBox" class="list pos-a">
|
||
|
||
<li id="PayPal"><a href="https://paypal.me/jkjoy" target="_blank" title="贝宝">贝宝</a></li>
|
||
|
||
|
||
<li id="AliPay" title="支付宝"><img data-img="https://blogcdn.loliko.cn/ali.png" onerror=this.onerror=null,this.src="/img/loading.gif"></img></li>
|
||
|
||
|
||
<li id="WeChat" title="微信"><img date-img="https://blogcdn.loliko.cn/wx.png" onerror=this.onerror=null,this.src="/img/loading.gif"></img></li>
|
||
|
||
</ul>
|
||
<div id="QRBox" class="pos-f left-100">
|
||
<div id="MainBox"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="post_tags">
|
||
|
||
<i class="fas fa-tag"></i> <a href="/tags/chatgpt/" class="tag">chatgpt</a>
|
||
|
||
<i class="fas fa-tag"></i> <a href="/tags/%E6%B3%A8%E5%86%8C/" class="tag">注册</a>
|
||
|
||
<i class="fas fa-tag"></i> <a href="/tags/%E6%95%99%E7%A8%8B/" class="tag">教程</a>
|
||
|
||
</div>
|
||
<div class="post-nav">
|
||
|
||
<div class="post-nav-prev post-nav-item">
|
||
<a href="/posts/94ed24f6.html" >黑群晖DSM918 引导7.1.0镜像分享<i class="fa fa-chevron-left"></i></a>
|
||
</div>
|
||
|
||
|
||
<div class="post-nav-next post-nav-item">
|
||
<a href="/posts/b564ae15.html" >Qv2ray客户端及内核下载<i class="fa fa-chevron-right"></i></a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h3><i class="far fa-comment"></i> 评论</h3>
|
||
<div id="tcomment"></div>
|
||
<script src="https://cdn.staticfile.org/twikoo/1.6.32/twikoo.all.min.js"></script>
|
||
<script>
|
||
twikoo.init({
|
||
envId: 'https://t.jkjoy.cn',
|
||
el: '#tcomment',
|
||
})
|
||
</script>
|
||
|
||
|
||
</article>
|
||
|
||
|
||
<a id="gotop" href="javascript:" title="返回顶部"><i class="fa fa-arrow-up"></i></a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div id="bottom-outer">
|
||
<div id="bottom-inner">
|
||
© 2020 <i class="fa fa-heart" id="heart"></i> 浪子
|
||
<br>
|
||
Powered by
|
||
<a target="_blank" rel="noopener" href="http://hexo.io">hexo</a> | Theme is <a target="_blank" rel="noopener" href="https://github.com/a2396837/hexo-theme-blank/">blank</a>
|
||
|
||
<div class="icp-info">
|
||
|
||
<a href="" target="_blank"> </a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/layui-src@2.5.5/dist/layui.min.js"></script>
|
||
|
||
|
||
|
||
|
||
<script src="/js/script.js"></script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script>
|
||
window.lazyLoadOptions = {
|
||
elements_selector: 'img',
|
||
threshold: 0
|
||
}
|
||
</script>
|
||
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script>
|
||
|
||
|
||
|
||
<script>
|
||
var images = $('img').not('.nav-logo img').not('.card img').not($('a>img')).not('.reward-content img')
|
||
images.each(function (i, o) {
|
||
var lazyloadSrc = $(o).attr('data-src') ? $(o).attr('data-src') : $(o).attr('src')
|
||
$(o).wrap(`<a href="${lazyloadSrc}" data-fancybox="group" data-caption="${$(o).attr('alt')}" class="fancybox"></a>`)
|
||
})
|
||
</script>
|
||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script>
|
||
<script>
|
||
$().fancybox({
|
||
selector: '[data-fancybox]',
|
||
loop: true,
|
||
transitionEffect: 'slide',
|
||
protect: true,
|
||
buttons: ['slideShow', 'fullScreen', 'thumbs', 'close']
|
||
})
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script>
|
||
jQuery(document).ready(function () {
|
||
var QRBox = $('#QRBox');
|
||
var MainBox = $('#MainBox');
|
||
var AliPayQR = 'https://blogcdn.loliko.cn/ali.png';
|
||
var WeChanQR = 'https://blogcdn.loliko.cn/wx.png';
|
||
|
||
function showQR(QR) {
|
||
if (QR) {
|
||
MainBox.css('background-image', 'url(' + QR + ')');
|
||
}
|
||
$('#donateBox').addClass('blur');
|
||
QRBox.fadeIn(300, function (argument) {
|
||
MainBox.addClass('showQR');
|
||
});
|
||
}
|
||
|
||
$('#donateBox>li').click(function (event) {
|
||
var thisID = $(this).attr('id');
|
||
if (thisID === 'AliPay') {
|
||
showQR(AliPayQR);
|
||
} else if (thisID === 'WeChat') {
|
||
showQR(WeChanQR);
|
||
}
|
||
});
|
||
|
||
MainBox.click(function (event) {
|
||
MainBox.removeClass('showQR').addClass('hideQR');
|
||
setTimeout(function (a) {
|
||
QRBox.fadeOut(300, function (argument) {
|
||
MainBox.removeClass('hideQR');
|
||
});
|
||
$('#DonateText,#donateBox,#github').removeClass('blur');
|
||
}, 600);
|
||
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<div id="QPlayer">
|
||
<div id="pContent">
|
||
<div id="player">
|
||
<span class="cover"></span>
|
||
<div class="ctrl">
|
||
<div class="musicTag marquee">
|
||
<strong>Title</strong>
|
||
<span> - </span>
|
||
<span class="artist">Artist</span>
|
||
</div>
|
||
<div class="progress">
|
||
<div class="timer left">0:00</div>
|
||
<div class="contr">
|
||
<div class="rewind icon"></div>
|
||
<div class="playback icon"></div>
|
||
<div class="fastforward icon"></div>
|
||
</div>
|
||
<div class="right">
|
||
<div class="liebiao icon"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ssBtn">
|
||
<div class="adf"><i class="fas fa-music" style="color: #Fff;"></i></div>
|
||
</div>
|
||
</div>
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/a2396837/CDN@latest/css/audio.css">
|
||
<ol id="playlist"></ol>
|
||
</div>
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery.marquee@1.5.0/jquery.marquee.min.js"></script>
|
||
<script>
|
||
var playlist = [];
|
||
|
||
playlist.push({title:'我要开花',artist:'二手玫瑰',mp3:'https://xy07-1251893119.cos.ap-beijing-1.myqcloud.com/%E4%BA%8C%E6%89%8B%E7%8E%AB%E7%91%B0%20-%20%E6%88%91%E8%A6%81%E5%BC%80%E8%8A%B1.mp3',cover:'https://p1.music.126.net/DSTg1dR7yKsyGq4IK3NL8A==/109951163046050093.jpg'})
|
||
|
||
var isRotate = true;
|
||
var autoplay = false;
|
||
</script>
|
||
<script src="https://cdn.jsdelivr.net/gh/a2396837/CDN@latest/js/player.js"></script>
|
||
<script>
|
||
function bgChange(){
|
||
var lis= $('.lib');
|
||
for(var i=0; i<lis.length; i+=2)
|
||
lis[i].style.background = 'rgba(246, 246, 246, 0.5)';
|
||
}
|
||
window.onload = bgChange;
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module" defer></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js"></script>
|
||
<script>
|
||
!function (e, t, a) {
|
||
var initCopyCode = function(){
|
||
var copyHtml = '';
|
||
copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
|
||
copyHtml += ' <i class="fa fa-clipboard"></i><span>复制</span>';
|
||
copyHtml += '</button>';
|
||
$(".highlight .code pre").before(copyHtml);
|
||
new ClipboardJS('.btn-copy', {
|
||
target: function(trigger) {
|
||
return trigger.nextElementSibling;
|
||
}
|
||
});
|
||
}
|
||
initCopyCode();
|
||
}(window, document);
|
||
</script>
|
||
|
||
|
||
<script>
|
||
var btntop = $('#gotop');
|
||
btntop.on('click', function (e) {
|
||
e.preventDefault();
|
||
$('html, body').animate({ scrollTop: 0 }, '300');
|
||
});
|
||
|
||
var $table = $('.content table').not($('figure.highlight > table'))
|
||
$table.each(function () {
|
||
$(this).wrap('<div class="table-wrap"></div>')
|
||
})
|
||
</script>
|
||
|
||
|
||
|
||
</html> |