deploy

chapter_preface/about_the_book/index.html

@@ -1694,6 +1694,8 @@
 <h2 id="012">0.1.2. &nbsp; 内容结构<a class="headerlink" href="#012" title="Permanent link">&para;</a></h2>
 <p>本书主要内容分为复杂度分析、数据结构、算法三个部分。</p>
 <p><img alt="Hello 算法内容结构" src="../about_the_book.assets/hello_algo_mindmap.png" /></p>
+<p align="center"> Fig. Hello 算法内容结构 </p>
+
 <h3 id="_1">复杂度分析<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h3>
 <p>首先介绍数据结构与算法的评价维度、算法效率的评估方法，引出了计算复杂度概念。</p>
 <p>接下来，从 <strong>函数渐近上界</strong> 入手，分别介绍了 <strong>时间复杂度</strong> 和 <strong>空间复杂度</strong>，包括推算方法、常见类型、示例等。同时，剖析了 <strong>最差、最佳、平均</strong> 时间复杂度的联系与区别。</p>
@@ -1727,6 +1729,8 @@
 </ul>
 <p>根据观察，很多同学都是从“第二阶段”开始学习算法的。而作为入门教程，<strong>本书内容主要对应“第一阶段”</strong>，致力于帮助读者更高效地开展第二、三阶段的学习。</p>
 <p><img alt="算法学习路线" src="../suggestions.assets/learning_route.png" /></p>
+<p align="center"> Fig. 算法学习路线 </p>
+
 <h2 id="014">0.1.4. &nbsp; 本书特点<a class="headerlink" href="#014" title="Permanent link">&para;</a></h2>
 <p><strong>以实践为主</strong>。我们知道，学习英语期间光啃书本是远远不够的，需要多听、多说、多写，在实践中培养语感、积累经验。编程语言也是一门语言，因此学习方法也应是类似的，需要多看优秀代码、多敲键盘、多思考代码逻辑。</p>
 <p>本书的理论部分占少量篇幅，主要分为两类：一是基础且必要的概念知识，以培养读者对于算法的感性认识；二是重要的分类、对比或总结，这是为了帮助你站在更高视角俯瞰各个知识点，形成连点成面的效果。</p>

chapter_preface/contribution/index.html

@@ -1599,6 +1599,8 @@
 <li>在页面底部填写更改说明，然后单击“Propose file change”按钮；页面跳转后，点击“Create pull request”按钮发起拉取请求即可。</li>
 </ol>
 <p><img alt="页面编辑按键" src="../contribution.assets/edit_markdown.png" /></p>
+<p align="center"> Fig. 页面编辑按键 </p>
+
 <p>图片无法直接修改，需要通过新建 <a href="https://github.com/krahets/hello-algo/issues">Issue</a> 或评论留言来描述图片问题，我会第一时间重新画图并替换图片。</p>
 <h2 id="042">0.4.2. &nbsp; 内容创作<a class="headerlink" href="#042" title="Permanent link">&para;</a></h2>
 <p>如果您想要参与本开源项目，包括翻译代码至其他编程语言、拓展文章内容等，那么需要实施 Pull Request 工作流程：</p>

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>