Update README

docs/index.md

@@ -4,24 +4,38 @@ hide:
   - footer
 ---
 
-# Hello，算法！
+=== " "
 
-TODO
+    <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>
 
-## 更新日志
+---
 
-| 更新内容    | 日期     |
-| ------------ | ---------- |
-| 新增：算法无处不在  | 2022-10-10 |
-| 新增：数组与链表   | 2022-10-15 |
-| 新增：数据结构简介 | 2022-10-20 |
-| 新增：前言         | 2022-10-23 |
-| 新增：计算复杂度   | 2022-11-03 |
-| 更新：配图 | 2022-11-04 |
-| 新增：数据与内存 | 2022-11-05 |
-| 更新：各章节 Java 代码 | 2022-11-06 |
-| 更新：列表 Java 代码、配图 | 2022-11-07 |
-| 新增：栈与队列 | 2022-11-09 |
-| 新增：树     | 2022-11-12 |
-| 新增：二叉搜索树，<br />更新：二叉树、表格居中 | 2022-11-13 |
-| 更新：二叉搜索树 | 2022-11-14 |
+<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)
+
+---