133333

public/post/3/index.html

@@ -80,19 +80,13 @@
 <p>这次我简单讲述一下仿mac UI 语法高亮代码方法</p>
 <p>效果图我放下面了，喜欢的小伙伴可以仔细读完此篇文章</p>
 <p>
-<figure>
-  <img data-original="/pics/2021/09/283540481.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2021/09/283540481.png" alt="" class="lazyload"></p>
 <h2 id="教程开始">教程开始</h2>
 <p>首先下载插件CodePrettify，下载地址我放在下面</p>
 <p><strong><a href="https://github.com/Xcnte/Code-Prettify-for-typecho">https://github.com/Xcnte/Code-Prettify-for-typecho</a></strong></p>
 <p>在后台启用插件，并且按照下图设置</p>
 <p>
-<figure>
-  <img data-original="/pics/2021/09/1393453259.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2021/09/1393453259.png" alt="" class="lazyload"></p>
 <p>在主题的自定义css下面加入以下代码</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-css" data-lang="css"><span style="display:flex;"><span>#post-content <span style="color:#f92672">pre</span> <span style="color:#f92672">code</span> {
 </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">display</span>:<span style="color:#66d9ef">block</span>;
@@ -112,10 +106,7 @@
 </span></span><span style="display:flex;"><span>}
 </span></span></code></pre></div><p>在Twitter主题找到pjax开始执行的js代码</p>
 <p>
-<figure>
-  <img data-original="/pics/2021/09/1861920591.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2021/09/1861920591.png" alt="" class="lazyload"></p>
 <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-js" data-lang="js"><span style="display:flex;"><span><span style="color:#66d9ef">if</span> (<span style="color:#66d9ef">typeof</span> <span style="color:#a6e22e">Prism</span> <span style="color:#f92672">!==</span> <span style="color:#e6db74">&#39;undefined&#39;</span>) {
 </span></span><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">pres</span> <span style="color:#f92672">=</span> document.<span style="color:#a6e22e">getElementsByTagName</span>(<span style="color:#e6db74">&#39;pre&#39;</span>);
@@ -125,10 +116,7 @@
 </span></span><span style="display:flex;"><span><span style="color:#a6e22e">Prism</span>.<span style="color:#a6e22e">highlightAll</span>(<span style="color:#66d9ef">true</span>,<span style="color:#66d9ef">null</span>);}
 </span></span></code></pre></div><p>每次我们要写文章的时候我们只用按照下面那种格式就可以啦</p>
 <p>
-<figure>
-  <img data-original="/pics/2021/09/1981017062.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2021/09/1981017062.png" alt="" class="lazyload"></p>
 <p>教程结束，转载请注明出处</p>
 
         </div>