---
comments: true
hide:
  - footer
---

=== " "

    <div class="result" markdown>
    ![conceptual_rendering](index.assets/conceptual_rendering.png){ align=left width=300 }
    </br></br></br>
    <p align="center">
    <h1 align="center"> 《 Hello，算法 》 </h1>
    <h3 align="center"> 动画图解、能运行、可讨论的</br>数据结构与算法快速入门教程 </h3>
    <h3 align="center"> [![github-stars](https://img.shields.io/github/stars/krahets/hello-algo?style=social)](https://github.com/krahets/hello-algo) </h3>
    </p>
    </br>
    </div>

---

<h2 style="text-align:center"> 「清晰动画讲解」 </h2>

<p align="center"> 借助动画介绍重点，提升知识吸收效率</br>HTML 文档，支持笔记本、平板、手机多种终端 </p>

![algorithm_animation](index.assets/animation.gif)

---

<h2 style="text-align:center"> 「代码实践导向」 </h2>

<p align="center"> 示例代码皆可一键运行，在调试中加深理解</br>提供 Java, C++, Python 源码与详细注释 </p>

![running_code](index.assets/running_code.gif)

---

<h2 style="text-align:center"> 「可讨论与提问」 </h2>

<p align="center"> 在评论区与小伙伴们一起学习进步</br>作者定期回复评论问题（一般 < 72h ） </p>

![comment](index.assets/comment.gif)

---