Add the chapter of hello_algo (#1215)

* Add the chapter of hello_algo

* Remove the comment field from the landing page

* Update the link in the landing page

* Fix a typo

docs/chapter_hello_algo/index.md

@@ -0,0 +1,30 @@
+---
+comments: true
+icon: material/rocket-launch-outline
+---
+
+# 序
+
+几年前，我在力扣上分享了“剑指 Offer”系列题解，受到了许多读者的鼓励和支持。在与读者交流期间，我最常被问的一个问题是“如何入门算法”。逐渐地，我对这个问题产生了浓厚的兴趣。
+
+两眼一抹黑地刷题似乎是最受欢迎的方法，简单、直接且有效。然而刷题就如同玩“扫雷”游戏，自学能力强的人能够顺利将地雷逐个排掉，而基础不足的人很可能被炸得满头是包，并在挫折中步步退缩。通读教材也是一种常见做法，但对于面向求职的人来说，毕业论文、投递简历、准备笔试和面试已经消耗了大部分精力，啃厚重的书往往变成了一项艰巨的挑战。
+
+如果你也面临类似的困扰，那么很幸运这本书“找”到了你。本书是我对这个问题给出的答案，即使不是最优解，也至少是一次积极的尝试。本书虽然不足以让你直接拿到 Offer，但会引导你探索数据结构与算法的“知识地图”，带你了解不同“地雷”的形状、大小和分布位置，让你掌握各种“排雷方法”。有了这些本领，相信你可以更加自如地刷题和阅读文献，逐步构建起完整的知识体系。
+
+我深深赞同费曼教授所言：“Knowledge isn't free. You have to pay attention.”从这个意义上看，这本书并非完全“免费”。为了不辜负你为本书所付出的宝贵“注意力”，我会竭尽所能，投入最大的“注意力”来完成本书的创作。
+
+本人自知学疏才浅，书中内容虽然已经过一段时间的打磨，但一定仍有许多错误，恳请各位老师和同学批评指正。
+
+![Hello 算法](../assets/covers/chapter_hello_algo.jpg){ class="cover-image" }
+
+<div style="text-align: center;">
+    <h2 style="margin-top: 0.8em; margin-bottom: 0.8em;">Hello，算法！</h2>
+</div>
+
+计算机的出现给世界带来了巨大变革，它凭借高速的计算能力和出色的可编程性，成为了执行算法与处理数据的理想媒介。无论是电子游戏的逼真画面、自动驾驶的智能决策，还是 AlphaGo 的精彩棋局、ChatGPT 的自然交互，这些应用都是算法在计算机上的精妙演绎。
+
+事实上，在计算机问世之前，算法和数据结构就已经存在于世界的各个角落。早期的算法相对简单，例如古代的计数方法和工具制作步骤等。随着文明的进步，算法逐渐变得更加精细和复杂。从巧夺天工的匠人技艺、到解放生产力的工业产品、再到宇宙运行的科学规律，几乎每一件平凡或令人惊叹的事物背后，都隐藏着精妙的算法思想。
+
+同样，数据结构无处不在：大到社会网络，小到地铁线路，许多系统都可以建模为“图”；大到一个国家，小到一个家庭，社会的主要组织形式呈现出“树”的特征；冬天的衣服就像“栈”，最先穿上的最后才能脱下；羽毛球筒则如同“队列”，一端放入、另一端取出；字典就像一个“哈希表”，能够快速查找目标词条。
+
+本书旨在通过清晰易懂的动画图解和可运行的代码示例，使读者理解算法和数据结构的核心概念，并能够通过编程来实现它们。在此基础上，本书致力于揭示算法在复杂世界中的生动体现，展现算法之美。希望本书能够帮助到你！

docs/chapter_introduction/index.md

@@ -7,11 +7,3 @@
     一位少女翩翩起舞，与数据交织在一起，裙摆上飘扬着算法的旋律。
     
     她邀请你共舞，请紧跟她的步伐，踏入充满逻辑与美感的算法世界。
-
-计算机的出现给世界带来了巨大变革，它凭借高速的计算能力和出色的可编程性，成为了执行算法与处理数据的理想媒介。无论是电子游戏的逼真画面、自动驾驶的智能决策，还是 AlphaGo 的精彩棋局、ChatGPT 的自然交互，这些应用都是算法在计算机上的精妙演绎。
-
-事实上，在计算机问世之前，算法和数据结构就已经存在于世界的各个角落。早期的算法相对简单，例如古代的计数方法和工具制作步骤等。随着文明的进步，算法逐渐变得更加精细和复杂。从巧夺天工的匠人技艺、到解放生产力的工业产品、再到宇宙运行的科学规律，几乎每一件平凡或令人惊叹的事物背后，都隐藏着精妙的算法思想。
-
-同样，数据结构无处不在：大到社会网络，小到地铁线路，许多系统都可以建模为“图”；大到一个国家，小到一个家庭，社会的主要组织形式呈现出“树”的特征；冬天的衣服就像“栈”，最先穿上的最后才能脱下；羽毛球筒则如同“队列”，一端放入、另一端取出；字典就像一个“哈希表”，能够快速查找目标词条。
-
-那么，什么是算法，它在我们日常生活中扮演着怎样的角色？接下来，我们将就这些问题展开探讨。

docs/chapter_paperbook/index.md

@@ -1,6 +1,6 @@
 ---
 comments: true
-icon: fontawesome/solid/book
+icon: material/book-open-page-variant
 status: new
 ---
 

docs/chapter_preface/index.md

@@ -7,11 +7,3 @@
     算法犹如美妙的交响乐，每一行代码都像韵律般流淌。
     
     愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。
-
-两年前，我在力扣上分享了“剑指 Offer”系列题解，受到了许多读者的鼓励和支持。在与读者交流期间，我最常被问的一个问题是“如何入门算法”。逐渐地，我对这个问题产生了浓厚的兴趣。
-
-两眼一抹黑地刷题似乎是最受欢迎的方法，简单、直接且有效。然而刷题就如同玩“扫雷”游戏，自学能力强的人能够顺利将地雷逐个排掉，而基础不足的人很可能被炸得满头是包，并在挫折中步步退缩。通读教材也是一种常见做法，但对于面向求职的人来说，毕业论文、投递简历、准备笔试和面试已经消耗了大部分精力，啃厚重的书往往变成了一项艰巨的挑战。
-
-如果你也面临类似的困扰，那么很幸运这本书“找”到了你。本书是我对这个问题给出的答案，即使不是最优解，也至少是一次积极的尝试。本书虽然不足以让你直接拿到 Offer，但会引导你探索数据结构与算法的“知识地图”，带你了解不同“地雷”的形状、大小和分布位置，让你掌握各种“排雷方法”。有了这些本领，相信你可以更加自如地刷题和阅读文献，逐步构建起完整的知识体系。
-
-我深深赞同费曼教授所言：“Knowledge isn't free. You have to pay attention.”从这个意义上看，这本书并非完全“免费”。为了不辜负你为本书所付出的宝贵“注意力”，我会竭尽所能，投入最大的“注意力”来完成本书的创作。

docs/index.html

@@ -80,7 +80,7 @@
             <p style="margin-top: max(-1vh, -2vw); margin-bottom: min(2vh, 3.5vw);">
                 动画图解、一键运行的数据结构与算法教程
             </p>
-            <a href="/chapter_preface/" class="rounded-button">
+            <a href="/chapter_hello_algo/" class="rounded-button">
                 <svg xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                     <path
@@ -153,7 +153,7 @@
                 </a>
             </div>
             <div class="media-block">
-                <a href="/chapter_preface/">
+                <a href="/chapter_hello_algo/">
                     <div style="height: 4.34%;"></div>
                     <img class="device-on-hover" style="height: 66.31%;" src="assets/hero/web_mac_iphone.png" alt="">
                     <div style="height: 4.34%;"></div>
@@ -355,16 +355,3 @@
         </div>
     </div>
 </section>
-
-<!-- Section: comments -->
-<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
-    <div class="section-content giscus-container">
-        <p>欢迎在评论区留下你的见解、问题或建议</p>
-        <!-- Insert generated snippet here -->
-        <script src="https://giscus.app/client.js" data-repo="krahets/hello-algo" data-repo-id="R_kgDOIXtSqw"
-            data-category="Announcements" data-category-id="DIC_kwDOIXtSq84CSZk_" data-mapping="pathname"
-            data-strict="1" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top"
-            data-theme="light" data-lang="zh-CN" crossorigin="anonymous" async>
-            </script>
-    </div>
-</section>

mkdocs.yml

@@ -12,7 +12,7 @@ edit_uri: tree/main/docs
 version: 1.0.0
 
 # Copyright
-copyright: Copyright &copy; 2022-2024 krahets</br>The website content is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
+copyright: Copyright &copy; 2022-2024 krahets<br>The website content is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
 
 # Configuration
 theme:
@@ -151,6 +151,8 @@ extra_css:
 
 # Page tree
 nav:
+  - 序:
+    - chapter_hello_algo/index.md
   - 第 0 章 &nbsp; 前言:
     # [icon: material/book-open-outline]
     - chapter_preface/index.md