hello-algo/docs/index.md

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

=== " "

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

---

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

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

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

!!! quote ""

    <p align="center"> "A picture is worth a thousand words." </p>
    <p align="center"> “一图胜千言” </p>

---

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

<p align="center"> 提供经典数据结构与算法的代码实现</br>包含详细注释，皆可一键运行 </p>

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

!!! quote ""

    <p align="center"> "Talk is cheap. Show me the code." </p>
    <p align="center"> “少吹牛，看代码” </p>

---

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

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

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

!!! quote ""

    <p align="center"> “追风赶月莫停留，平芜尽处是春山“ </p>
    <p align="center"> 一起加油！ </p>