deploy

chapter_preface/about_the_book/index.html

@@ -3387,7 +3387,7 @@
 <li><strong>数据结构</strong>：基本数据类型，数据结构的分类方法。数组、链表、栈、队列、哈希表、树、堆、图等数据结构的定义、优缺点、常用操作、常见类型、典型应用、实现方法等。</li>
 <li><strong>算法</strong>：搜索、排序、分治、回溯、动态规划、贪心等算法的定义、优缺点、效率、应用场景、解题步骤、示例题目等。</li>
 </ul>
-<p><a class="glightbox" href="../about_the_book.assets/hello_algo_mindmap.jpg" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Hello 算法内容结构" src="../about_the_book.assets/hello_algo_mindmap.jpg" /></a></p>
+<p><a class="glightbox" href="../about_the_book.assets/hello_algo_mindmap.jpg" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Hello 算法内容结构" class="animation-figure" src="../about_the_book.assets/hello_algo_mindmap.jpg" /></a></p>
 <p align="center"> 图 0-1 &nbsp; Hello 算法内容结构 </p>
 
 <h2 id="013">0.1.3 &nbsp; 致谢<a class="headerlink" href="#013" title="Permanent link">&para;</a></h2>

chapter_preface/index.html

@@ -3290,7 +3290,7 @@
 <!-- Page content -->
 <h1 id="0">第 0 章 &nbsp; 前言<a class="headerlink" href="#0" title="Permanent link">&para;</a></h1>
 <div class="center-table">
-<p><a class="glightbox" href="../assets/covers/chapter_preface.jpg" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="前言" src="../assets/covers/chapter_preface.jpg" width="600" /></a></p>
+<p><a class="glightbox" href="../assets/covers/chapter_preface.jpg" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="前言" class="cover-image" src="../assets/covers/chapter_preface.jpg" /></a></p>
 </div>
 <div class="admonition abstract">
 <p class="admonition-title">Abstract</p>

chapter_preface/suggestions/index.html

@@ -3544,14 +3544,14 @@
 <h2 id="022">0.2.2 &nbsp; 在动画图解中高效学习<a class="headerlink" href="#022" title="Permanent link">&para;</a></h2>
 <p>相较于文字，视频和图片具有更高的信息密度和结构化程度，更易于理解。在本书中，<strong>重点和难点知识将主要通过动画和图解形式展示</strong>，而文字则作为动画和图片的解释与补充。</p>
 <p>如果你在阅读本书时，发现某段内容提供了图 0-2 所示的动画或图解，<strong>请以图为主、以文字为辅</strong>，综合两者来理解内容。</p>
-<p><a class="glightbox" href="../../index.assets/animation.gif" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="动画图解示例" src="../../index.assets/animation.gif" /></a></p>
+<p><a class="glightbox" href="../../index.assets/animation.gif" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="动画图解示例" class="animation-figure" src="../../index.assets/animation.gif" /></a></p>
 <p align="center"> 图 0-2 &nbsp; 动画图解示例 </p>
 
 <h2 id="023">0.2.3 &nbsp; 在代码实践中加深理解<a class="headerlink" href="#023" title="Permanent link">&para;</a></h2>
 <p>本书的配套代码被托管在 <a href="https://github.com/krahets/hello-algo">GitHub 仓库</a>。如图 0-3 所示，<strong>源代码附有测试样例，可一键运行</strong>。</p>
 <p>如果时间允许，<strong>建议你参照代码自行敲一遍</strong>。如果学习时间有限，请至少通读并运行所有代码。</p>
 <p>与阅读代码相比，编写代码的过程往往能带来更多收获。<strong>动手学，才是真的学</strong>。</p>
-<p><a class="glightbox" href="../../index.assets/running_code.gif" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="运行代码示例" src="../../index.assets/running_code.gif" /></a></p>
+<p><a class="glightbox" href="../../index.assets/running_code.gif" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="运行代码示例" class="animation-figure" src="../../index.assets/running_code.gif" /></a></p>
 <p align="center"> 图 0-3 &nbsp; 运行代码示例 </p>
 
 <p>运行代码的前置工作主要分为三步。</p>
@@ -3560,17 +3560,17 @@
 <div class="highlight"><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1" href="#__codelineno-12-1"></a>git<span class="w"> </span>clone<span class="w"> </span>https://github.com/krahets/hello-algo.git
 </code></pre></div>
 <p>当然，你也可以在图 0-4 所示的位置，点击“Download ZIP”直接下载代码压缩包，然后在本地解压即可。</p>
-<p><a class="glightbox" href="../suggestions.assets/download_code.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="克隆仓库与下载代码" src="../suggestions.assets/download_code.png" /></a></p>
+<p><a class="glightbox" href="../suggestions.assets/download_code.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="克隆仓库与下载代码" class="animation-figure" src="../suggestions.assets/download_code.png" /></a></p>
 <p align="center"> 图 0-4 &nbsp; 克隆仓库与下载代码 </p>
 
 <p><strong>第三步：运行源代码</strong>。如图 0-5 所示，对于顶部标有文件名称的代码块，我们可以在仓库的 <code>codes</code> 文件夹内找到对应的源代码文件。源代码文件可一键运行，将帮助你节省不必要的调试时间，让你能够专注于学习内容。</p>
-<p><a class="glightbox" href="../suggestions.assets/code_md_to_repo.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="代码块与对应的源代码文件" src="../suggestions.assets/code_md_to_repo.png" /></a></p>
+<p><a class="glightbox" href="../suggestions.assets/code_md_to_repo.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="代码块与对应的源代码文件" class="animation-figure" src="../suggestions.assets/code_md_to_repo.png" /></a></p>
 <p align="center"> 图 0-5 &nbsp; 代码块与对应的源代码文件 </p>
 
 <h2 id="024">0.2.4 &nbsp; 在提问讨论中共同成长<a class="headerlink" href="#024" title="Permanent link">&para;</a></h2>
 <p>在阅读本书时，请不要轻易跳过那些没学明白的知识点。<strong>欢迎在评论区提出你的问题</strong>，我和小伙伴们将竭诚为你解答，一般情况下可在两天内回复。</p>
 <p>如图 0-6 所示，每篇文章的底部都配有评论区。希望你能多关注评论区的内容。一方面，你可以了解大家遇到的问题，从而查漏补缺，激发更深入的思考。另一方面，期待你能慷慨地回答其他小伙伴的问题，分享您的见解，帮助他人进步。</p>
-<p><a class="glightbox" href="../../index.assets/comment.gif" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="评论区示例" src="../../index.assets/comment.gif" /></a></p>
+<p><a class="glightbox" href="../../index.assets/comment.gif" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="评论区示例" class="animation-figure" src="../../index.assets/comment.gif" /></a></p>
 <p align="center"> 图 0-6 &nbsp; 评论区示例 </p>
 
 <h2 id="025">0.2.5 &nbsp; 算法学习路线<a class="headerlink" href="#025" title="Permanent link">&para;</a></h2>
@@ -3581,7 +3581,7 @@
 <li><strong>搭建知识体系</strong>。在学习方面，我们可以阅读算法专栏文章、解题框架和算法教材，以不断丰富知识体系。在刷题方面，可以尝试采用进阶刷题策略，如按专题分类、一题多解、一解多题等，相关的刷题心得可以在各个社区找到。</li>
 </ol>
 <p>如图 0-7 所示，本书内容主要涵盖“第一阶段”，旨在帮助你更高效地展开第二和第三阶段的学习。</p>
-<p><a class="glightbox" href="../suggestions.assets/learning_route.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="算法学习路线" src="../suggestions.assets/learning_route.png" /></a></p>
+<p><a class="glightbox" href="../suggestions.assets/learning_route.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="算法学习路线" class="animation-figure" src="../suggestions.assets/learning_route.png" /></a></p>
 <p align="center"> 图 0-7 &nbsp; 算法学习路线 </p>
 
 <!-- Source file information -->