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

=== " "

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

---

<h2 style="text-align:center"> 「动画 + 图片 + HTML」 </h2>

<p style="text-align:center"> 重点知识以动画和图解为主，提升知识吸收效率</br>MkDocs 文档，可在笔记本、平板、手机等移动端随时学习 </p>

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

<h2 style="text-align:center"> 「面向代码，注重实践」 </h2>

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

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

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

<p style="text-align:center"> 在评论区和小伙伴们一起讨论进步</br>作者定期回复评论问题（一般 < 72h ） </p>

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

---
