deploy

chapter_preface/suggestions/index.html

@@ -1777,6 +1777,8 @@
 <p>视频和图片相比于文字的信息密度和结构化程度更高，更容易理解。在本书中，<strong>知识重难点会主要以动画、图解的形式呈现</strong>，而文字的作用则是作为动画和图的解释与补充。</p>
 <p>阅读本书时，若发现某段内容提供了动画或图解，<strong>建议你以图为主线</strong>，将文字内容（一般在图的上方）对齐到图中内容，综合来理解。</p>
 <p><img alt="动画图解示例" src="../suggestions.assets/animation.gif" /></p>
+<p align="center"> Fig. 动画图解示例 </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>，<strong>源代码包含详细注释，配有测试样例，可以直接运行</strong>。</p>
 <ul>
@@ -1791,15 +1793,22 @@
 </code></pre></div>
 <p>当然，你也可以点击“Download ZIP”直接下载代码压缩包，解压即可。</p>
 <p><img alt="克隆仓库与下载代码" src="../suggestions.assets/download_code.png" /></p>
+<p align="center"> Fig. 克隆仓库与下载代码 </p>
+
 <h3 id="3">3) 运行源代码<a class="headerlink" href="#3" title="Permanent link">&para;</a></h3>
 <p>若代码块的顶部标有文件名称，则可在仓库 <code>codes</code> 文件夹中找到对应的 <strong>源代码文件</strong>。</p>
 <p><img alt="代码块与对应的源代码文件" src="../suggestions.assets/code_md_to_repo.png" /></p>
+<p align="center"> Fig. 代码块与对应的源代码文件 </p>
+
 <p>源代码文件可以帮助你省去不必要的调试时间，将精力集中在学习内容上。</p>
 <p><img alt="运行代码示例" src="../suggestions.assets/running_code.gif" /></p>
+<p align="center"> Fig. 运行代码示例 </p>
+
 <h2 id="024">0.2.4. &nbsp; 在提问讨论中共同成长<a class="headerlink" href="#024" title="Permanent link">&para;</a></h2>
 <p>阅读本书时，请不要“惯着”那些弄不明白的知识点。<strong>欢迎在评论区留下你的问题</strong>，小伙伴们和我都会给予解答，您一般 2 日内会得到回复。</p>
 <p>同时，也希望你可以多花时间逛逛评论区。一方面，可以看看大家遇到了什么问题，反过来查漏补缺，这往往可以引起更加深度的思考。另一方面，也希望你可以慷慨地解答小伙伴们的问题、分享自己的见解，大家互相学习与进步！</p>
 <p><img alt="评论区示例" src="../suggestions.assets/comment.gif" /></p>
+<p align="center"> Fig. 评论区示例 </p>