update

public/post/20/index.html

@@ -82,11 +82,19 @@
 <p>webp格式图片的优点就是体积小，图片清晰度高，在写文章的时候使用webp格式可以大大的提高用户体验</p>
 <p>但是typecho的官方版本，是不支持webp格式的图片的，所以就要对官方程序包加一些小改动</p>
 <p>我们打开typecho管理后台可以看到这个地方，是显示不支持webp图片的，但是没关系，我们可以自己加</p>
-<p><img src="/pics/2021/10/562038999.png" alt=""></p>
+<p>
+<figure>
+  <img data-original="/pics/2021/10/562038999.png" alt="" class="lazy">
+  
+</figure></p>
 <p>对代码修改的地方也是不是很多，我来详细给大家说一下</p>
 <p>找到typecho的程序包的这个位置</p>
 <p>var/Widget/Themes/List.php，差不多是70多行</p>
-<p><img src="/pics/2021/10/814315235.png" alt=""></p>
+<p>
+<figure>
+  <img data-original="/pics/2021/10/814315235.png" alt="" class="lazy">
+  
+</figure></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-html" data-lang="html"><span style="display:flex;"><span>return preg_match(&#34;/screenshot\.(jpg|png|gif|bmp|jpeg)/i&#34;,path);
 </span></span></code></pre></div><p>改为</p>
@@ -94,7 +102,11 @@
 </span></span></code></pre></div><p>然后找到</p>
 <p>typecho的var/Widget/Abstract/Contents.php</p>
 <p>差不多是686行</p>
-<p><img src="/pics/2021/10/402523352.png" alt=""></p>
+<p>
+<figure>
+  <img data-original="/pics/2021/10/402523352.png" alt="" class="lazy">
+  
+</figure></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-html" data-lang="html"><span style="display:flex;"><span>$value[&#39;attachment&#39;]-&gt;isImage = in_array($content[&#39;type&#39;], array(&#39;jpg&#39;, &#39;jpeg&#39;, &#39;gif&#39;, &#39;png&#39;, &#39;tiff&#39;, &#39;bmp&#39;));
 </span></span></code></pre></div><p>改为</p>
@@ -102,7 +114,11 @@
 </span></span></code></pre></div><p>然后找到var/Typecho/Common.php，差不多是1399行，我们这里多加一行代码</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-html" data-lang="html"><span style="display:flex;"><span>&#39;webp&#39; =&gt; &#39;image/webp&#39;,
 </span></span></code></pre></div><p>然后去typecho的后台，找到设置-基本，这个地方在其他文件加入webp，然后博客就可以完美支持webp格式图片了</p>
-<p><img src="/pics/2021/10/46607755.png" alt=""></p>
+<p>
+<figure>
+  <img data-original="/pics/2021/10/46607755.png" alt="" class="lazy">
+  
+</figure></p>
 <h2 id="为什么推荐使用webp格式图片">为什么推荐使用webp格式图片</h2>
 <p>作为一个生活博主，具有随拍的习惯，喜欢用相机记录生活，这就意味着我有时候在写文章要上传很多图片</p>
 <p>对我来说写博客最大的痛点就是，我希望我能上传更大分辨率，更清晰的图片上来</p>