优化细节css动画

2024-08-01 15:52:59 +08:00
1 parent cfb9d33479
commit b8650da2f9
@@ -65,9 +65,9 @@
  
  
 <div id="pjax-container">
-  <div class="post-content" itemprop="articleBody">
+  <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > h2,#heatmap,p; cls: uk-animation-fade; delay: 100">
    <h2 id="热力图">热力图</h2>
-<div id="heatmap" style="max-width: 700px;height: 110px;margin-bottom: 40px;" uk-scrollspy="cls:uk-animation-fade;delay: 300"></div>
+<div id="heatmap" style="max-width: 700px;height: 110px;margin-bottom: 40px;"></div>
 <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/echarts/5.3.0-rc.1/echarts.min.js"></script>
 <script type="text/javascript">
  var chartDom = document.getElementById('heatmap');
@@ -65,7 +65,7 @@
  
  
 <div id="pjax-container">
-    <div class="post-content" style="list-style-type: none;">
+    <div class="post-content" style="list-style-type: none;" uk-scrollspy="target: > .link-title,.diy-h3,li; cls: uk-animation-fade; delay: 80">
        
        
        
@@ -75,7 +75,7 @@
            <a href="%e6%96%87%e6%a1%88">文案</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>后来才发现原来成年人的世界并没有那么简单</p>
 <p>It was later discovered that the world of adults is not that simple.</p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>咱们学校的晚霞，还不错吧
 <img data-lazy-src="/pics/2021/09/2632277567.jpg" alt="" class="lazyload">
 <img data-lazy-src="/pics/2021/09/3177565902.jpg" alt="" class="lazyload">
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>听朋友说.cc域名后缀即将要涨价</p>
 <p>去西部数码查了下，果然</p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>好久没更生活篇的文章了,以至于很多事情都随着时间忘掉了很多</p>
 <p>自从疫情放开，生活节奏和方式也随之改变,本文主要记录11.24号至12.22号发生的事情</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>正如各位朋友所见，我又又又换主题了</p>
 <p>经常来我博客的朋友可能见过这个主题</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>一枚小白</p>
 <p>@小赵同学</p>
 <p>thank you very much</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>首先祝各位朋友新年快乐，23年事业顺利，学业有成</p>
 <p>随着支付宝的集五福猜生肖活动结束，一年就这样又过去了</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>卡着新年的钟声，腊月二十六学校放高三出狱。</p>
 <p>因为放假时间的缘故，父母等我一起回家准备过年就变得匆忙了许多，许多亲戚还没走，许多家务还没做，许多作业还没动，一时之间，真的感叹，留给高三的时间真的不多了。</p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>昨天在休息的时候，看到Jdeal大佬写的一篇文章</p>
 <p>走心评论上线（https://www.jdeal.cn/385.html）</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>首先祝各位国庆快乐，当然还有迟到的中秋快乐</p>
 <p>本小站历时八天的闭站备案也终究结束，真是个漫长的过程</p>
 <h2 id="特殊的中秋节">特殊的中秋节</h2>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="回归">回归</h2>
 <p>因为备考，没有时间打理博客，就停更了一段时间</p>
 <p>期间收到了很多博友的祝福，谢谢你们，你们留言的我都看了</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>和我小舅大约11点到达苏州，下了车这里的建筑给我的感觉就很江南！第一站是苏州博物馆。（ps：博物馆要提前一周预约哦）</p>
 <p>那里的鲤鱼很大很肥，还闻到了一股子很清甜的花香，我和小舅挨个闻是哪棵树上的香气，场面真的笑死，第一次见，北方是没有的，给我俩都闻陶醉了</p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <blockquote>
 <p>先放大喜讯：已于2023年5月26日10时05分专升本考试上岸</p>
 </blockquote>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>今天我的一个玩得很好的朋友问我，你为什么要写博客？我为什么要写博客？</p>
 <p>我怔住了，我一时还答不出来，我陷入了沉思，嗯，也许，我也不知道答案</p>
 <p>还记的第一个博客域名vaica.top是我人生注册的第一个域名</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>接到新学校的预录取电话之后，就一直闲在家呆着，在家帮忙打打杂整理家务，陪老人说说话谈谈心</p>
 <p>因为考完之后假期空档是很长的，想找一份短期兼职去做，在市区面试了多家暑期工，基本上都是3k-4k，不包吃住</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>这段时间闲在家，自己的事情也忙的差不多了，就打算继续完善一下主题</p>
 <p>很多经常来我博客逛的老朋友都知道，我的主题是<a href="https://qingshu.org/">肖同学</a>的Ying主题</p>
 <p>这也是我用的时间最久的主题，主题的底层简约设计我很喜欢</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>考完试和朋友去的，避免数据丢失，特以此文留念</p>
 <p>
 <img data-lazy-src="/pics/2023/08/1813362140.png" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>与弟弟妹妹在家乡景区游玩的一天</p>
 <p>特此写下此文作留恋  于2023.08.03 记</p>
 <p>摄影师：妹妹 <a href="https://usj.cc/author/3/">@火华子</a></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>每逢寒暑假最长去的地方就是老家，回家可以陪陪老人，同时崎岖的山路也可以历练一下自己的车技</p>
 <p>因为在镇上也有很多事情需要忙，所以基本上回老家就是多次数，呆的时间不久</p>
 <p>在老家，也经常需要使用电脑填一些资料，虽然自己目前笔记本是轻薄本，但是轻薄本接口很少，需要带着扩展坞</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>忙忙碌碌的日子里时间总是过得很快，博客自从开学也是整整四个月没更新</p>
 <p>从九月份的新生身份入学，也渐渐适应了新学校的生活</p>
 <h2 id="生活的碎片">生活的碎片</h2>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>今天下午逛GitHub的时候，GitHub的首页推了一个这样的项目</p>
 <p><a href="https://github.com/instantpage/instant.page">https://github.com/instantpage/instant.page</a></p>
 <p>项目的介绍这样写到</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>在笔记本下线之后，看了一圈狗东，因为自己玩游戏比较少</p>
 <p>主要是看的商务本，好一点的商务笔记本就得四五千了</p>
 <p>思来想去还是打算组装itx主机，论性价比还得是台式机</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>评论区有小伙伴要配置单，前几周有些忙没有整理出来</p>
 <p>今天正好清明放假，花了点时间整理出来</p>
 <p>电子产品价格浮动区间较大，配置单仅供参考</p>
@@ -75,7 +75,7 @@
            <a href="%e6%96%87%e6%a1%88">文案</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>2002年10月3日，火影忍者第1集，九喇嘛出场</p>
 <p>2021年10月3日，博人传第218集，九喇嘛离开</p>
 <p>看漫画的时候忍了,218集博人传预告的时候我屏蔽了所有推送</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>前段时间偶然间在微博看到一个博主分享vlog洗牙是一次什么样的体验</p>
 <p>让我第一次认识了什么是洗牙，抱着好奇心我去百度了一下什么是洗牙</p>
 <p>百度也有很多相关回答，其中洗牙又称洁牙，简单理解是帮助你清理你口腔中的牙结石</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>最近课程比较多，临近考证休息时间基本上也给自己排了学习任务</p>
 <p>博客没有想之前那样高频率更新了，但是通过统计看也有很多博友回访，真的很感激</p>
 <p>博客就可能以后周更，定会不忘初心，宁愿认真用心去写，也不会水任何一篇文章</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>可能这周是我课程排的最满的一周了，这周的学习生活充实且忙碌</p>
 <p>基本上从早上上到晚自习，中间只有午休晚餐时间，突然给自己一种上高中的感觉</p>
 <h2 id="弟弟去三甲医院做检查">弟弟去三甲医院做检查</h2>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>襄阳的冬，似乎来的早一点，一场秋雨，气温骤降，仿佛快节奏的进入了冬天</p>
 <p>这周也是繁忙的一周，课程还是排的满满的，已经有一门课程开始结课了，有种快期末的味道</p>
 <p>这周也是父母带我弟弟去武汉同济医院进行听力复查的日子，内心比较忐忑，希望弟弟一切安好</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>这周四周五学校在开运动会，所以身为大二学长，可以闲两天了</p>
 <p>运动会期间大二大三大四是不排课的，所以基本上都是休息，主要写一些平时没写的作业</p>
 <p>学校为了开运动会也是够拼的，周一周二从早上第一节课排到晚自习全满</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>仔细看了看以前写的文章基本是都是围绕一个主题写的，写的都是一些奇奇怪怪的想法</p>
 <p>偶尔会记录一下生活的小趣事，朋友也建议我多记录一点大学日常，毕竟以后工作了还可以回过来看看</p>
 <h2 id="闲暇的午后">闲暇的午后</h2>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>摸爬滚打，又从WordPress换回typecho了</p>
 <p>不得不说typecho轻量，后台速度快</p>
 <p>这篇文章就教大家如何给自己的Twitter的主题加两个小功能</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>如题，今天没有生活分享，这篇文章我主要科普一下webp图片格式</p>
 <p>首先让typecho支持webp格式图片这个标题说法是不准确的</p>
 <p>因为typecho只是将图片上传显示，并没有对图片做各种的图片格式转换</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>是不是有点标题党的感觉，哈哈，这个是最近看一些微信公众号营销号的标题仿写的</p>
 <p>这篇文章我来说一下如何实现不改变博客图片地址，实现图片自动转webp格式输出</p>
 <p>上篇文章我有介绍到webp格式图片，如果你还不知道webp图片是什么，可以花一两分钟看下我的上篇文章</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>第一次拍日落系列，日落真的太美了，有几张是我拍的，还有学姐拍的</p>
 <p>图片可能有点不清晰，原图实在是太大了，压缩了一下下，就当是座机拍的吧</p>
 <p>最后一张是飞行棋，看到飞行棋就想到小时候跟小伙伴一起蹲在小学的大柳树下飞行棋</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>银龙重铸之日，骑士归来之时，恭喜EDG夺得s11总冠军</p>
 <p>表示自己也是昨晚看直播基本上凌晨两点才睡，直播夺冠给我激动的</p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/11/1154379693.jpg" alt="" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>昨晚跟蚊子有点疼博主聊了几句，不知道怎么着聊到网站logo这个话题</p>
 <p>我就在想，这几天趁着不忙给自己整一个新logo吧，现在这个logo也确实看腻了</p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/11/1629360904.jpg" alt="" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="https://cdn.usj.cc/toutu/zzf1.jpg" alt="" class="lazyload"></p>

@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>因为给自己的主题换新主题配色了，对应的主题的头像也要更换一下，不然显得非常不搭</p>
 <p>这意味着我必须得爬qiang去访问Gravatar的官网，我自用的节点又死了，导致开个Gravatar官网都很卡</p>
 <p>好不容易把Gravatar头像成功换好了，发现国内反代的Gravatar源刷新速度很慢</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>双十一购物狂欢节，从2009年打响了第一杆枪，截止今年已经是第十二个年头了</p>
 <p>还记得高中的那时候，特别喜欢双十一，自己平时购物车收藏的洗面奶，在双十一那天可以低价买到</p>
 <p>看了近两年的双十一，可以看得出双十一已经彻底的脱离了当初的初衷，清理库存，已经变成了促销狂欢</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>在自己做博客的时候，我们常常喜欢记录一些代码知识</p>
 <p>这时候就需要使用到主题的代码高亮功能</p>
 <p>这次我简单讲述一下仿mac UI 语法高亮代码方法</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>临近期末考试，每天基本作息都是上课，没什么可以记录的，最近就没更新动态</p>
 <p>今天刷微博才知道襄阳又境外输入了三个人，现在全城都戒备起来了</p>
 <p>学校管控的也比以前严很多了，出门门卫需要对请假条进行真实性核验，怕学生伪造假的请假页面溜出去</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/2245513294.png" alt="49808-7lfel3t480p.png" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>之前给大家说的那个博客后台美化，还有一点点问题，本来是承诺这个文章给他分享出来</p>
 <p>因为第一次做美化，考虑到很多小伙伴还不会css，所以我自己测试好再放出来，哈哈哈，暂时鸽了</p>
 <p>想必各位小伙伴，都是看我的文章标题进的，当然我不是标题党，本文章就是纯正经的整活</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>rss想必很多小伙伴都听说过，如果拿在2021年讲的话，这个是一个很老的东西</p>
 <p>初次认识这个东西的时候，rss就是一堆乱七八糟的 XML代码，一点用都没有</p>
 <p>如果你没见过rss，点开下面的链接就是我们老生常谈的rss链接</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/11/637070257.png" alt="22999-htnwd5ggq1r.png" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>最近几篇文章基本上都是一些教程，因为生活上基本上都是上课，没什么好记录的</p>
 <p>这周辅导员通知，我们这周会有一个体测，也就是大学生每年一度的体质检测</p>
 <p>自从晨跑跑完了，好像自己确实没怎么运动了，辅导员也是操碎了心，在体测的前三天</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/1086010578.png" alt="44334-383lcgq96c7.png" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>接触建站到现在快3年多了，从WordPress转到typecho</p>
 <p>我也接触过很多主题，WordPress比较出名的主题我也入手了好几套</p>
 <p>子比主题，一为导航主题，7b2主题，上上下下也花了快一千多块钱</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <!-- raw HTML omitted -->
 <!-- raw HTML omitted -->
 <!-- raw HTML omitted -->
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>临近放假，基本上没有什么课了，接下来主要是对考试内容的复习</p>
 <p>咱们专业也是戴上了考试课最多的帽子，结课考试要考七门</p>
 <p>排的是三天考试时间，时间的话，还好，反正比高中考试轻松很多</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>期末考试结束，意味着我的大学短暂生活又匆匆结束了一年</p>
 <p>下面的几张图片是离校之前拍的学校的晚霞</p>
 <p>部分是同学拍的，我的拍照技术没有那么好，所以觉得好的都收藏下来了</p>
@@ -73,7 +73,7 @@
            作者: 小赵同学 浏览: <span id="busuanzi_value_page_uv"></span> 字数: 0 分类:
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/2764401068.png" alt="74854-tf6ncx2nrr.png" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>20号中午打包外卖到寝室，打开浏览器访问一下自己的博客，突然发现自己网站静态文件都丢失了</p>
 <p>f12一下才知道原来是jsdelivr那边出问题，打开一个新标签页，发现jsdelivr的ssl证书已经过期</p>
 <p>去他官网仔细看了一下，官网给了个这个公告</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/526528939.jpg" alt="" class="lazyload"></p>
 <p>Typecho博客初始安装完成后</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/1943746945.jpg" alt="" class="lazyload"></p>
 <p>想必秒看青年大学习已经是老生常谈</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>本期来聊聊前端开发那些好用的手机编程软件</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2456398190.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>本次游记计划去往襄阳唐城，去游览一下民风古城</p>
 <p>[xiangce]

@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>今天又是襄阳下雨天，很佛系</p>
 <p>星期一可以称得上魔鬼星期一</p>
 <p>连续六节网页设计，爆肝css，表示肝不动了</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>老家以前的样子，挺怀念的</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2191847995.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>第一次收到阿里云送来的礼品！满是惊喜</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1050573944.jpeg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/4182817995.jpg" alt="" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>昨天在一个群偶然发现一个界面新奇的rss的网页版阅读器</p>
 <p>带着好奇心我去百度了一下什么是rss，什么是rss订阅</p>
 <p>当然我也搜到了关于rss订阅的各种好处的博客文章</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/1428227581.jpg" alt="" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2021/12/855381895.jpg" alt="" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>军训太痛苦了，希望早点结束</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3970767585.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>遇见你很幸运，但是到此为止</p>
 <p>全剧终!结营顺利

@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>今年的第一场雪</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3856192496.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>好久不见，你还好吗</p>
 <p>
 <img data-lazy-src="/pics/2021/12/176347741.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>干饭王的日常</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1001028208.jpeg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>期末倒计时开始</p>
 <p>
 <img data-lazy-src="/pics/2021/12/269750646.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>针不戳，挺有特色的元旦晚会哈</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3487350301.jpeg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>冬至快乐!记得吃饺子哈~</p>
 <p>
 <img data-lazy-src="/pics/2021/12/357142186.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="给自己的一封信">给自己的一封信</h2>
 <p>这是第二十一世纪的二十一个年头，作为01年的我，也轮到自己的20岁生日</p>
 <p>就这样摇摇晃晃的成年了，很快自己也即将面临步入社会生活</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>祝母校越办越好</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2436229998.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>爆竹声中一岁除，又是新的一年！</p>
 <p>新春快乐！牛年大吉！</p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>每次支付宝五福开奖，心里有一种莫名的悲伤，意味着2020一去不复返了</p>
 <p>
 <img data-lazy-src="/pics/2021/12/134176376.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>或许不是没有年味了，只是快乐已经不属于我们这一辈人了</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1507028905.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>开学倒计时六天啦，看来要结束这个寒假小假期啦，很喜欢在老家待的这段时间</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3702227975.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>这几天都频繁下雨，上课路上被浇成成落汤鸡</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1488458877.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>五一倒计时两天，一切美好都会如期而至</p>
 <p>[dplay src=&ldquo;https://usj.cc/sp/8.mp4&rdquo;]</p>

@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>以前没钱吃泡面，现在没钱吃泡面</p>
 <p>
 <img data-lazy-src="/pics/2021/12/139394175.jpg" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>肝了1400多行css代码，终于把暗夜模式搞定了</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2627300839.webp" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>再次投资科目二，科目二花了400，希望19号一把过吧

 <img data-lazy-src="/pics/2021/12/3650204576.webp" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="初识抖音短视频">初识抖音短视频</h2>
 <p>还记得第一次下载抖音app的时候还是在高考结束后</p>
 <p>那时候这个app十分的火爆，我也不懂抖音有什么好玩的</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>一把过，科二结束！</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3275155999.webp" alt="" class="lazyload"></p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>首先祝各位朋友元旦快乐，距离上次更新差不多十天前了，有小伙伴问我这段时间在干嘛</p>
 <p>简单给大家聊一下，差不多25号我就放寒假了，放假回家一直在老家，大部分时间帮父母干农活</p>
 <p>虽然很累，但也有它的趣味，不得不说，抛开手机电脑，静下心来享受田园生活，不由让人沉浸</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>说到苹果手机，可能各位小伙伴十分的熟悉，很多人都想拥有一台自己的苹果手机</p>
 <p>但是一部苹果手机大几千，很多人也不愿意花那么多钱</p>
 <p>作为一个学生党，主要的生活费支出都来源爸妈，自己没有收入来源</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>回家差不多大半个月了，在家也是闲着，和长辈拉拉家常，有时候做做家务</p>
 <p>但是不得不说放假之前真的是超级想回家看看，但是回到家一段时间，就想回学校</p>
 <p>在家自己的活动范围很小，在父母的眼里，自己总是长不大的小孩子</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>当打开博客写这篇文章的时候，我已经结束了武汉之旅回家数日了</p>
 <p>在家也有时间去静下心来思考，去打理自己的博客了，计划写此文章来回忆我愉快的春节假期</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>距今天算起，已经回家数日了，由于疫情延期开学影响，我还没开学</p>
 <p>在前一篇文章曾提到我刚从武汉返程，好巧不巧，正好碰上了武汉新出的几例病例</p>
@@ -75,7 +75,7 @@
            <a href="%e7%94%9f%e6%b4%bb">生活</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>当开始写这篇文章的时候，截止今天，我已经开学两周了</p>
 <p>因为开学的延迟，导致学期缩短，课程基本上都排的很紧，准备在开学那周更新的，还是鸽了很久</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>
 <img data-lazy-src="/pics/2022/03/409573209.jpg" alt="" class="lazyload"></p>
 <p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>前段时间用了很久的秒看青年大学习方法失效了</p>
 <p>随着微信版本的迭代，新版本微信内核禁止了一些调试功能</p>
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>早上起床发现，自己收到了ios 15.4.1 的系统更新推送，网上说15.4.1这个版本的系统太拉跨，比如相机闪屏，还有一些一眼难尽的bug</p>
 <p>但是作为ios的小白用户，一直去不掉这个更新提示的小红点，说实话还是强迫症又犯了，朋友介绍给我了一个方法，感觉挺好用的，分享出来给有需要的朋友</p>
@@ -75,7 +75,7 @@
            <a href="%e7%9b%b8%e5%86%8c">相册</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <p>江的南岸叫襄阳，江的北岸叫樊城，这就是人们常说的襄樊
 <img data-lazy-src="/pics/2021/09/3813677165.jpg" alt="" class="lazyload">
 <img data-lazy-src="/pics/2021/09/347357641.jpg" alt="" class="lazyload">
@@ -75,7 +75,7 @@
            <a href="%e6%95%99%e7%a8%8b">教程</a>
            
        </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
            <h2 id="前言">前言</h2>
 <p>首先祝各位朋友五一快乐</p>
 <p>新主题爆肝几天也成功的赶出来了，这次也是自己也是第一次半开发主题</p>