zqlit/blog
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复分页错误 2024.7.23

Browse Source
This commit is contained in:
小赵同学 committed 2024-07-23 19:04:14 +08:00
1 parent a6833b2c79
commit 704393f80a
248 files changed
+2 -65463
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/post/86/index.html
-295
View File
@@ -1,295 +0,0 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>typecho实现QQ头像用户评论加密，注意：pigeon，twitter用户有彩蛋哦！</title>
<link rel='stylesheet' href='/css/light.css'>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
<script src="/js/jquery.min.js"></script>
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" />
</head>
</head>
<body>
<div class="main">
<div class="container">
<div class="header">
<div class="head_author_img load-memos-editor">
<img src="https://avatars.githubusercontent.com/u/94612053" class="blog-img" width="80" height="80" alt="小赵同学的博客" />
</div>
<div class="site-description">
<h2><span class="uk-invisible">风吹云散，云卷云舒</span></h2>
<nav class="nav social uk-visible@m">
<ul class="flat">
<a href="https://pan.usj.cc" title="GitHub" target="_blank"><i class="ri-cloudy-2-line"></i></a>
<a href="https://space.bilibili.com/525472039" title="Twitter" target="_blank"><i class="ri-bilibili-line"></i></a>
<a href="https://github.com/imzql" title="LinkedIn" target="_blank"><i class="ri-github-fill"></i></a>
</ul>
<div class="yiyandes">风吹云散，云卷云舒</div>
</nav>
</div>
<nav class="nav">
<ul class="flat">
<li class="active"><a href="http://localhost:1313/">首页</a></li>
<li class="active"><a href="http://localhost:1313//about">关于</a></li>
<li class="active"><a href="http://localhost:1313//says">留言</a></li>
<li class="active"><a href="http://localhost:1313//archives">归档</a></li>
<li class="active"><a href="http://localhost:1313//links">友链</a></li>
</ul>
</nav>
</div>
<div id="pjax-container">
<article style="margin-bottom: 3.5em;">
<h1 class="post-title" itemprop="name headline">typecho实现QQ头像用户评论加密，注意：pigeon，twitter用户有彩蛋哦！</h1>
<div class="meta">
作者: 小赵同学 浏览: 字数: 216 分类:
<a href="%e6%95%99%e7%a8%8b">教程</a>
</div>
<div class="post-content" itemprop="articleBody">
<h2 id="前言">前言</h2>
<p>这篇文章诞生之前，特别感谢博友<a href="https://blog.lixinbk.cn/">小李同学</a>的提醒</p>
<p><img src="https://usj.cc/usr/uploads/2022/08/1497702686.png" alt=""></p>
<p>收到建议，我便开始搜寻加密评论区用户头像的方法</p>
<p>摸爬滚打总算是解决了，同时也把方法分享给其他有需要的朋友</p>
<h2 id="寻找方法">寻找方法</h2>
<p>谷歌了一下其他大佬的解决方法，规则之树大佬提供了两个方法</p>
<p>参考资料：https://www.ruletree.club/archives/1566/</p>
<p>1.第一种则是获取json数据进行分割得出k值再进行重组</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">Authorimg</span>($email)
</span></span><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> $a<span style="color:#f92672">=</span><span style="color:#e6db74">&#39;cdn.v2ex.com/gravatar&#39;</span>;<span style="color:#75715e">//gravatar头像源
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> $b<span style="color:#f92672">=</span><span style="color:#a6e22e">str_replace</span>(<span style="color:#e6db74">&#39;@qq.com&#39;</span>,<span style="color:#e6db74">&#39;&#39;</span>,$email);<span style="color:#75715e">//替换qq邮箱
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> <span style="color:#66d9ef">if</span>(<span style="color:#a6e22e">stristr</span>($email,<span style="color:#e6db74">&#39;@qq.com&#39;</span>)<span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">is_numeric</span>($b)<span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">strlen</span>($b)<span style="color:#f92672">&lt;</span><span style="color:#ae81ff">11</span><span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">strlen</span>($b)<span style="color:#f92672">&gt;</span><span style="color:#ae81ff">4</span>){
</span></span><span style="display:flex;"><span> $nk <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;http://ptlogin2.qq.com/getface?&amp;imgtype=1&amp;uin=&#39;</span><span style="color:#f92672">.</span>$b;<span style="color:#75715e">//qq头像api
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> $q <span style="color:#f92672">=</span> <span style="color:#a6e22e">file_get_contents</span>($nk);<span style="color:#75715e">//读入文件
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> $q <span style="color:#f92672">=</span> <span style="color:#a6e22e">json_encode</span>($nk);<span style="color:#75715e">//编码json
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> $k <span style="color:#f92672">=</span> <span style="color:#a6e22e">explode</span>(<span style="color:#e6db74">&#34;&amp;k=&#34;</span>,$q)[<span style="color:#ae81ff">1</span>];<span style="color:#75715e">//分割出k值
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> <span style="color:#66d9ef">echo</span> <span style="color:#e6db74">&#39;https://q.qlogo.cn/g?b=qq&amp;k=&#39;</span><span style="color:#f92672">.</span>$k<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;&amp;s=100&#39;</span>;<span style="color:#75715e">//重组
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> }<span style="color:#66d9ef">else</span>{
</span></span><span style="display:flex;"><span> $email<span style="color:#f92672">=</span> <span style="color:#a6e22e">md5</span>($email);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">echo</span> <span style="color:#e6db74">&#39;https://&#39;</span><span style="color:#f92672">.</span>$a<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;/&#39;</span><span style="color:#f92672">.</span>$email<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;?&#39;</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>2.第二种获取HTTP请求所发送的标头的数组，不用读入整个文件不会影响效率</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">Authorimg</span>($email)
</span></span><span style="display:flex;"><span> {
</span></span><span style="display:flex;"><span> $a<span style="color:#f92672">=</span><span style="color:#e6db74">&#39;cdn.v2ex.com/gravatar&#39;</span>;<span style="color:#75715e">//gravatar头像源
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> $b<span style="color:#f92672">=</span><span style="color:#a6e22e">str_replace</span>(<span style="color:#e6db74">&#39;@qq.com&#39;</span>,<span style="color:#e6db74">&#39;&#39;</span>,$email);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span>(<span style="color:#a6e22e">stristr</span>($email,<span style="color:#e6db74">&#39;@qq.com&#39;</span>)<span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">is_numeric</span>($b)<span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">strlen</span>($b)<span style="color:#f92672">&lt;</span><span style="color:#ae81ff">11</span><span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">strlen</span>($b)<span style="color:#f92672">&gt;</span><span style="color:#ae81ff">4</span>){
</span></span><span style="display:flex;"><span> $nk <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;https://s.p.qq.com/pub/get_face?img_type=3&amp;uin=&#39;</span><span style="color:#f92672">.</span>$b;
</span></span><span style="display:flex;"><span> $c <span style="color:#f92672">=</span> <span style="color:#a6e22e">get_headers</span>($nk, <span style="color:#66d9ef">true</span>);
</span></span><span style="display:flex;"><span> $d <span style="color:#f92672">=</span> $c[<span style="color:#e6db74">&#39;Location&#39;</span>];
</span></span><span style="display:flex;"><span> $q <span style="color:#f92672">=</span> <span style="color:#a6e22e">json_encode</span>($d);
</span></span><span style="display:flex;"><span> $k <span style="color:#f92672">=</span> <span style="color:#a6e22e">explode</span>(<span style="color:#e6db74">&#34;&amp;k=&#34;</span>,$q)[<span style="color:#ae81ff">1</span>];
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">echo</span> <span style="color:#e6db74">&#39;https://q.qlogo.cn/g?b=qq&amp;k=&#39;</span><span style="color:#f92672">.</span>$k<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;&amp;s=100&#39;</span>;
</span></span><span style="display:flex;"><span> }<span style="color:#66d9ef">else</span>{
</span></span><span style="display:flex;"><span> $email<span style="color:#f92672">=</span> <span style="color:#a6e22e">md5</span>($email);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">echo</span> <span style="color:#e6db74">&#39;https://&#39;</span><span style="color:#f92672">.</span>$a<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;/&#39;</span><span style="color:#f92672">.</span>$email<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;?&#39;</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> }
</span></span></code></pre></div><p>预装主题之后，确实可以实现，但是介于自己的Amigo朋友圈主题模版首页样式需要加载很多评论头像</p>
<p>使用这两个方法，加载首页的时间就很长了</p>
<p>一个头像需要花费一秒的时间，如果首页的头像较多，这个问题将会是致命的</p>
<p>可能加载一个首页就需要长达一分钟两分钟的时间将评论头像全部加载出来，对于博友的访问体验是大打折扣的</p>
<h2 id="再寻他法">再寻他法</h2>
<p>因为自己的Gravatar头像源一直使用的是，cravatar的源，于是去cravatar官网去碰碰运气</p>
<p>在官网的开发文档看到了这句话，于是灵感油然而生</p>
<blockquote>
<p>Cravatar 完美兼容所有 Gravatar 头像 API 接口，同时如果你未在 Cravatar 设置头像,则会先尝试调用 Gravatar 上的头像数据，其后是 QQ 头像，最后会返回我们为你准备的一组默认头像</p>
</blockquote>
<p>这句话简单讲述的是cravatar会首先查询你的邮箱，是否有注册Gravatar头像</p>
<p>如果没有就返回其QQ头像，如果也不是QQ邮箱则返回cravatar的默认头像</p>
<p>那么，反过来想，我们是否可以将QQ邮箱通过cravatar来处理，从而达到加密QQ用户头像呢？</p>
<p>经过亲自检验，是可以的，cravatar的头像链接显示格式是这样的</p>
<blockquote>
<p><a href="https://cravatar.cn/avatar/HASH">https://cravatar.cn/avatar/HASH</a></p>
</blockquote>
<p>其中 HASH 部分是你的电子邮箱的哈希值，此电子邮箱必须在 Cravatar.cn 上注册并绑定头像</p>
<p>否则会尝试返回 Gravatar 头像和 QQ 头像，如果都不存在，则返回默认头像</p>
<p>那么我们只需要将取到的邮箱值，通过php加密一下，可恶，没有系统学习过php</p>
<p>不过还好，自己有过js基础，编程语言总是万变不离其宗，所以一番折腾还是写出来了</p>
<p>这里主要用到PHP strtolower() 函数和 md5()函数</p>
<h2 id="大致思路">大致思路</h2>
<p>将获取的email的值，判断是否为QQ邮箱还是域名邮箱，如果是域名邮箱则直接加密然后返回值</p>
<p>如果是QQ邮箱，则通过strtolower() 函数进行转换为小写，再md5加密，然后返回头像</p>
<h2 id="代码展示">代码展示</h2>
<p>因为是小白，可能写的有些问题</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">Authorimg</span>($email)
</span></span><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> $a<span style="color:#f92672">=</span><span style="color:#e6db74">&#39;cravatar.cn/avatar&#39;</span>;<span style="color:#75715e">//gravatar头像源
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span> $b<span style="color:#f92672">=</span><span style="color:#a6e22e">str_replace</span>(<span style="color:#e6db74">&#39;@qq.com&#39;</span>,<span style="color:#e6db74">&#39;&#39;</span>,$email);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span>(<span style="color:#a6e22e">stristr</span>($email,<span style="color:#e6db74">&#39;@qq.com&#39;</span>)<span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">is_numeric</span>($b)<span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">strlen</span>($b)<span style="color:#f92672">&lt;</span><span style="color:#ae81ff">11</span><span style="color:#f92672">&amp;&amp;</span><span style="color:#a6e22e">strlen</span>($b)<span style="color:#f92672">&gt;</span><span style="color:#ae81ff">4</span>){
</span></span><span style="display:flex;"><span> $address <span style="color:#f92672">=</span> <span style="color:#a6e22e">strtolower</span>( <span style="color:#a6e22e">trim</span>( $email ) );
</span></span><span style="display:flex;"><span> $hash <span style="color:#f92672">=</span> <span style="color:#a6e22e">md5</span>( $address );
</span></span><span style="display:flex;"><span> $qqimgurl <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;https://cravatar.cn/avatar/&#39;</span> <span style="color:#f92672">.</span> $hash;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> $qqimgurl;
</span></span><span style="display:flex;"><span> }<span style="color:#66d9ef">else</span>{
</span></span><span style="display:flex;"><span> $email<span style="color:#f92672">=</span> <span style="color:#a6e22e">md5</span>($email);
</span></span><span style="display:flex;"><span> $avatarimgurl <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;https://&#39;</span><span style="color:#f92672">.</span>$a<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;/&#39;</span><span style="color:#f92672">.</span>$email<span style="color:#f92672">.</span><span style="color:#e6db74">&#39;?&#39;</span>;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> $avatarimgurl;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>这样只需要在前端引用一下就好了</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#f92672">&lt;?</span><span style="color:#a6e22e">php</span> <span style="color:#a6e22e">Authorimg</span>($comments<span style="color:#f92672">-&gt;</span><span style="color:#a6e22e">mail</span>); <span style="color:#75715e">?&gt;</span><span style="color:#960050;background-color:#1e0010">
</span></span></span></code></pre></div><p>这样QQ用户头像加密功能，就实现了</p>
<p><img src="https://usj.cc/usr/uploads/2022/08/2139068168.png" alt=""></p>
<h2 id="pigeon主题用户">pigeon主题用户</h2>
<p>如果你是pigeon主题用户，可以直接下载下面链接的feature.php文件</p>
<p><a href="https://cloud.usj.cc/d/Onedrive/%E4%BB%A3%E7%A0%81/feature.php">https://cloud.usj.cc/d/Onedrive/%E4%BB%A3%E7%A0%81/feature.php</a></p>
<p>然后进入你的主题文件，找到 /libs/feature.php文件直接覆盖替换即可</p>
<h2 id="twitter主题用户">Twitter主题用户</h2>
<p>如果你是Twitter用户，直接在主题目录的function.php的第47行的位置将 Yoniu：取Gravatar头像 部分的代码替换到如下代码</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-php" data-lang="php"><span style="display:flex;"><span><span style="color:#75715e">//Yoniu：取Gravatar头像
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">getGravatar</span>($email, $s <span style="color:#f92672">=</span> <span style="color:#ae81ff">40</span>, $d <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;mm&#39;</span>, $g <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;g&#39;</span>) {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span>(<span style="color:#a6e22e">preg_match</span>(<span style="color:#e6db74">&#39;|^[1-9]\d{4,11}@qq\.com$|i&#39;</span>,$email)){
</span></span><span style="display:flex;"><span> $address <span style="color:#f92672">=</span> <span style="color:#a6e22e">strtolower</span>( <span style="color:#a6e22e">trim</span>( $email ) );
</span></span><span style="display:flex;"><span> $hash <span style="color:#f92672">=</span> <span style="color:#a6e22e">md5</span>( $address );
</span></span><span style="display:flex;"><span> $qqimgurl <span style="color:#f92672">=</span> <span style="color:#e6db74">&#39;https://cravatar.cn/avatar/&#39;</span> <span style="color:#f92672">.</span> $hash;
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> $qqimgurl;
</span></span><span style="display:flex;"><span> }<span style="color:#66d9ef">else</span>{
</span></span><span style="display:flex;"><span> $hash <span style="color:#f92672">=</span> <span style="color:#a6e22e">md5</span>($email);
</span></span><span style="display:flex;"><span> $option <span style="color:#f92672">=</span> <span style="color:#a6e22e">Typecho_Widget</span><span style="color:#f92672">::</span><span style="color:#a6e22e">widget</span>(<span style="color:#e6db74">&#39;Widget_Options&#39;</span>);
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span>($option<span style="color:#f92672">-&gt;</span><span style="color:#a6e22e">gravatarURL</span>){
</span></span><span style="display:flex;"><span> $avatar <span style="color:#f92672">=</span> $option<span style="color:#f92672">-&gt;</span><span style="color:#a6e22e">gravatarURL</span><span style="color:#f92672">.</span><span style="color:#e6db74">&#34;/</span><span style="color:#e6db74">$hash</span><span style="color:#e6db74">?s=&amp;d=</span><span style="color:#e6db74">$d</span><span style="color:#e6db74">&amp;r=</span><span style="color:#e6db74">$g</span><span style="color:#e6db74">&#34;</span>;
</span></span><span style="display:flex;"><span> }<span style="color:#66d9ef">else</span>{
</span></span><span style="display:flex;"><span> $avatar <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;//gravatar.com/avatar/</span><span style="color:#e6db74">$hash</span><span style="color:#e6db74">?s=&amp;d=</span><span style="color:#e6db74">$d</span><span style="color:#e6db74">&amp;r=</span><span style="color:#e6db74">$g</span><span style="color:#e6db74">&#34;</span>;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> $avatar;
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>这样就可以了</p>
</div>
<div class="post-tags" style="margin-top: -30px;">
<nav class="nav tags">
<ul class="flat">
</ul>
</nav>
</div>
</article>
<hr class="uk-divider-icon">
<div id="comments" class="comments-area">
<link
rel="stylesheet"
href="https://unpkg.com/@waline/client@v3/dist/waline.css"
/>
<div id="waline"></div>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
lang:"zh-cn",
imageUploader:false,
search:false,
copyright:false
});
};
window.initWaline();
</script>
</div>
<script type="text/javascript">
$(document).ready(function () {
var currentPath = "\/post\/86\/";
console.log(currentPath);
fetchCommentsAndCreateBarrager(currentPath, {
looper_time: 3000,
defaultAvatar: 'static/default-avatar.png',
defaultInfo: 'No comment',
defaultLink: '#',
close: true,
speed: 6,
color: '#fff',
old_ie_color: '#000000'
});
});
</script>
</div>
<div class="footer">
<nav class="nav" style="clear: both;">
© 2019 - 2024
<br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
</nav>
</div>
</div>
</div>
<script src="/js/iconfont.js"></script>
<script src="/js/lightgallery.umd.min.js"></script>
<script src="/js/uikit.min.js"></script>
<script src="/js/EasyLazyload.min.js"></script>
<script src="/js/view-image.min.js"></script>
<script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
lang:"zh-cn",
imageUploader:false,
search:false,
copyright:false
});
};
window.initWaline();
</script>
</body>
</html>