Several enhancements and bug fixes (#981)

* Update the installation section.

* Fix storage_pyramid.png

* Update the landing page.

* Update index.md

* Add download buttons to the landing page.

* Update the button style.

* Update .gitignore

.gitignore

@@ -15,8 +15,3 @@
 
 # test script
 test.sh
-
-# overrides
-overrides/partials/*
-!overrides/partials/content.html
-!overrides/partials/footer.html

docs/chapter_appendix/installation.md

@@ -1,19 +1,16 @@
 # 编程环境安装
 
-### VSCode
+## 安装 IDE
 
-本书推荐使用开源、轻量的 VSCode 作为本地 IDE ，下载并安装 [VSCode](https://code.visualstudio.com/) 。
+推荐使用开源、轻量的 VSCode 作为本地集成开发环境（IDE）。访问 [VSCode 官网](https://code.visualstudio.com/)，根据操作系统选择相应版本的 VSCode 进行下载和安装。
 
-### Java 环境
+![从官网下载 VSCode](installation.assets/vscode_installation.png)
 
-1. 下载并安装 [OpenJDK](https://jdk.java.net/18/)（版本需满足 > JDK 9）。
+VSCode 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如下图所示。
-2. 在 VSCode 的插件市场中搜索 `java` ，安装 Extension Pack for Java 。
 
-### C/C++ 环境
+![安装 VSCode 扩展包](installation.assets/vscode_extension_installation.png)
 
-1. Windows 系统需要安装 [MinGW](https://sourceforge.net/projects/mingw-w64/files/)（[配置教程](https://blog.csdn.net/qq_33698226/article/details/129031241)）；MacOS 自带 Clang ，无须安装。
+## 安装语言环境
-2. 在 VSCode 的插件市场中搜索 `c++` ，安装 C/C++ Extension Pack 。
-3. （可选）打开 Settings 页面，搜索 `Clang_format_fallback Style` 代码格式化选项，设置为 `{ BasedOnStyle: Microsoft, BreakBeforeBraces: Attach }` 。
 
 ### Python 环境
 
@@ -21,17 +18,16 @@
 2. 在 VSCode 的插件市场中搜索 `python` ，安装 Python Extension Pack 。
 3. （可选）在命令行输入 `pip install black` ，安装代码格式化工具。
 
-### Go 环境
+### C/C++ 环境
 
-1. 下载并安装 [go](https://go.dev/dl/) 。
+1. Windows 系统需要安装 [MinGW](https://sourceforge.net/projects/mingw-w64/files/)（[配置教程](https://blog.csdn.net/qq_33698226/article/details/129031241)）；MacOS 自带 Clang ，无须安装。
-2. 在 VSCode 的插件市场中搜索 `go` ，安装 Go 。
+2. 在 VSCode 的插件市场中搜索 `c++` ，安装 C/C++ Extension Pack 。
-3. 按快捷键 `Ctrl + Shift + P` 呼出命令栏，输入 go ，选择 `Go: Install/Update Tools` ，全部勾选并安装即可。
+3. （可选）打开 Settings 页面，搜索 `Clang_format_fallback Style` 代码格式化选项，设置为 `{ BasedOnStyle: Microsoft, BreakBeforeBraces: Attach }` 。
 
-### JavaScript 环境
+### Java 环境
 
-1. 下载并安装 [node.js](https://nodejs.org/en/) 。
+1. 下载并安装 [OpenJDK](https://jdk.java.net/18/)（版本需满足 > JDK 9）。
-2. 在 VSCode 的插件市场中搜索 `javascript` ，安装 JavaScript (ES6) code snippets 。
+2. 在 VSCode 的插件市场中搜索 `java` ，安装 Extension Pack for Java 。
-3. （可选）在 VSCode 的插件市场中搜索 `Prettier` ，安装代码格式化工具。
 
 ### C# 环境
 
@@ -39,11 +35,23 @@
 2. 在 VSCode 的插件市场中搜索 `C# Dev Kit` ，安装 C# Dev Kit （[配置教程](https://code.visualstudio.com/docs/csharp/get-started)）。
 3. 也可使用 Visual Studio（[安装教程](https://learn.microsoft.com/zh-cn/visualstudio/install/install-visual-studio?view=vs-2022)）。
 
+### Go 环境
+
+1. 下载并安装 [go](https://go.dev/dl/) 。
+2. 在 VSCode 的插件市场中搜索 `go` ，安装 Go 。
+3. 按快捷键 `Ctrl + Shift + P` 呼出命令栏，输入 go ，选择 `Go: Install/Update Tools` ，全部勾选并安装即可。
+
 ### Swift 环境
 
 1. 下载并安装 [Swift](https://www.swift.org/download/) 。
 2. 在 VSCode 的插件市场中搜索 `swift` ，安装 [Swift for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=sswg.swift-lang) 。
 
+### JavaScript 环境
+
+1. 下载并安装 [node.js](https://nodejs.org/en/) 。
+2. 在 VSCode 的插件市场中搜索 `javascript` ，安装 JavaScript (ES6) code snippets 。
+3. （可选）在 VSCode 的插件市场中搜索 `Prettier` ，安装代码格式化工具。
+
 ### Dart 环境
 
 1. 下载并安装 [Dart](https://dart.dev/get-dart) 。

docs/index.assets/btn_download_pdf.svg

@@ -1 +1 @@
-<svg width="463" height="146" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-2502 -1022)"><g><path d="M2506.5 1095.5C2506.5 1058.5 2536.5 1028.5 2573.5 1028.5L2894.5 1028.5C2931.5 1028.5 2961.5 1058.5 2961.5 1095.5 2961.5 1132.5 2931.5 1162.5 2894.5 1162.5L2573.5 1162.5C2536.5 1162.5 2506.5 1132.5 2506.5 1095.5Z" stroke="#52BBB1" stroke-width="4.58333" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="8" stroke-opacity="1" fill="none" fill-rule="evenodd"/><g><g><g><path d="M66.4999 10.5 17.5 10.5C13.65 10.5 10.5 13.65 10.5 17.5L10.5 66.4999C10.5 70.3499 13.65 73.4999 17.5 73.4999L66.4999 73.4999C70.3499 73.4999 73.4999 70.3499 73.4999 66.4999L73.4999 17.5C73.4999 13.65 70.3499 10.5 66.4999 10.5M33.2499 40.2499C33.2499 43.0499 30.8 45.4999 28 45.4999L24.5 45.4999 24.5 52.4999 19.25 52.4999 19.25 31.5 28 31.5C30.8 31.5 33.2499 33.9499 33.2499 36.7499L33.2499 40.2499M50.7499 47.2499C50.7499 50.0499 48.2999 52.4999 45.4999 52.4999L36.7499 52.4999 36.7499 31.5 45.4999 31.5C48.2999 31.5 50.7499 33.9499 50.7499 36.7499L50.7499 47.2499M64.7499 36.7499 59.4999 36.7499 59.4999 40.2499 64.7499 40.2499 64.7499 45.4999 59.4999 45.4999 59.4999 52.4999 54.2499 52.4999 54.2499 31.5 64.7499 31.5 64.7499 36.7499M41.9999 36.7499 45.4999 36.7499 45.4999 47.2499 41.9999 47.2499 41.9999 36.7499M24.5 36.7499 28 36.7499 28 40.2499 24.5 40.2499 24.5 36.7499Z" fill="#52BBB1" fill-rule="nonzero" fill-opacity="1" transform="matrix(1 0 0 1.01191 2564 1053)"/></g></g></g><text fill="#52BBB1" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2686.18 1113)">下载</text><text fill="#52BBB1" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2793.32 1113)">PDF</text></g></g></svg>
+<svg width="463" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-2493 -1026)"><g><path d="M2497 1098C2497 1061 2527 1031 2564 1031L2885 1031C2922 1031 2952 1061 2952 1098L2952 1098C2952 1135 2922 1165 2885 1165L2564 1165C2527 1165 2497 1135 2497 1098Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><text fill="#FFFFFF" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2677.55 1115)">下载</text><text fill="#FFFFFF" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2784.69 1115)">PDF</text><g><g><g><path d="M2577 1074.12C2577 1069.64 2580.64 1066 2585.12 1066L2605.44 1066 2605.44 1082.25C2605.44 1084.5 2607.25 1086.31 2609.5 1086.31L2625.75 1086.31 2625.75 1104.59 2599.34 1104.59C2594.86 1104.59 2591.22 1108.24 2591.22 1112.72L2591.22 1131 2585.12 1131C2580.64 1131 2577 1127.36 2577 1122.88L2577 1074.12ZM2625.75 1082.25 2609.5 1082.25 2609.5 1066 2625.75 1082.25ZM2599.34 1110.69 2603.41 1110.69C2607.33 1110.69 2610.52 1113.87 2610.52 1117.8 2610.52 1121.72 2607.33 1124.91 2603.41 1124.91L2601.38 1124.91 2601.38 1128.97C2601.38 1130.09 2600.46 1131 2599.34 1131 2598.23 1131 2597.31 1130.09 2597.31 1128.97L2597.31 1122.88 2597.31 1112.72C2597.31 1111.6 2598.23 1110.69 2599.34 1110.69ZM2603.41 1120.84C2605.09 1120.84 2606.45 1119.49 2606.45 1117.8 2606.45 1116.11 2605.09 1114.75 2603.41 1114.75L2601.38 1114.75 2601.38 1120.84 2603.41 1120.84ZM2615.59 1110.69 2619.66 1110.69C2623.02 1110.69 2625.75 1113.42 2625.75 1116.78L2625.75 1124.91C2625.75 1128.27 2623.02 1131 2619.66 1131L2615.59 1131C2614.48 1131 2613.56 1130.09 2613.56 1128.97L2613.56 1112.72C2613.56 1111.6 2614.48 1110.69 2615.59 1110.69ZM2619.66 1126.94C2620.77 1126.94 2621.69 1126.02 2621.69 1124.91L2621.69 1116.78C2621.69 1115.66 2620.77 1114.75 2619.66 1114.75L2617.62 1114.75 2617.62 1126.94 2619.66 1126.94ZM2629.81 1112.72C2629.81 1111.6 2630.73 1110.69 2631.84 1110.69L2637.94 1110.69C2639.05 1110.69 2639.97 1111.6 2639.97 1112.72 2639.97 1113.84 2639.05 1114.75 2637.94 1114.75L2633.88 1114.75 2633.88 1118.81 2637.94 1118.81C2639.05 1118.81 2639.97 1119.73 2639.97 1120.84 2639.97 1121.96 2639.05 1122.88 2637.94 1122.88L2633.88 1122.88 2633.88 1128.97C2633.88 1130.09 2632.96 1131 2631.84 1131 2630.73 1131 2629.81 1130.09 2629.81 1128.97L2629.81 1120.84 2629.81 1112.72Z" fill="#FFFFFF" fill-rule="nonzero" fill-opacity="1"/></g></g></g></g></g></svg>

docs/index.assets/btn_download_pdf_dark.svg

@@ -1 +1 @@
-<svg width="458" height="138" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1801" y="1026" width="458" height="138"/></clipPath><clipPath id="clip1"><rect x="1801" y="1026" width="458" height="138"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1801 -1026)"><g clip-path="url(#clip1)"><path d="M1804 1095C1804 1058 1834 1028 1871 1028L2192 1028C2229 1028 2259 1058 2259 1095L2259 1095C2259 1132 2229 1162 2192 1162L1871 1162C1834 1162 1804 1132 1804 1095Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><g><g><g><path d="M66.4999 10.5 17.5 10.5C13.65 10.5 10.5 13.65 10.5 17.5L10.5 66.4999C10.5 70.3499 13.65 73.4999 17.5 73.4999L66.4999 73.4999C70.3499 73.4999 73.4999 70.3499 73.4999 66.4999L73.4999 17.5C73.4999 13.65 70.3499 10.5 66.4999 10.5M33.2499 40.2499C33.2499 43.0499 30.8 45.4999 28 45.4999L24.5 45.4999 24.5 52.4999 19.25 52.4999 19.25 31.5 28 31.5C30.8 31.5 33.2499 33.9499 33.2499 36.7499L33.2499 40.2499M50.7499 47.2499C50.7499 50.0499 48.2999 52.4999 45.4999 52.4999L36.7499 52.4999 36.7499 31.5 45.4999 31.5C48.2999 31.5 50.7499 33.9499 50.7499 36.7499L50.7499 47.2499M64.7499 36.7499 59.4999 36.7499 59.4999 40.2499 64.7499 40.2499 64.7499 45.4999 59.4999 45.4999 59.4999 52.4999 54.2499 52.4999 54.2499 31.5 64.7499 31.5 64.7499 36.7499M41.9999 36.7499 45.4999 36.7499 45.4999 47.2499 41.9999 47.2499 41.9999 36.7499M24.5 36.7499 28 36.7499 28 40.2499 24.5 40.2499 24.5 36.7499Z" fill="#3B3B3B" fill-rule="nonzero" fill-opacity="1" transform="matrix(1 0 0 1.01191 1862 1053)"/></g></g></g><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 1984.07 1113)">下载</text><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2091.21 1113)">PDF</text></g></g></svg>
+<svg width="458" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1801" y="1026" width="458" height="142"/></clipPath><clipPath id="clip1"><rect x="1801" y="1026" width="458" height="142"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1801 -1026)"><g clip-path="url(#clip1)"><path d="M1804 1098C1804 1061 1834 1031 1871 1031L2192 1031C2229 1031 2259 1061 2259 1098L2259 1098C2259 1135 2229 1165 2192 1165L1871 1165C1834 1165 1804 1135 1804 1098Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 1984.07 1115)">下载</text><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2091.21 1115)">PDF</text><g><g><g><path d="M0 7.99999C0 3.5875 3.5875 0 7.99999 0L28 0 28 16C28 18.2125 29.7875 20 32 20L48 20 48 38 22 38C17.5875 38 14 41.5875 14 46L14 63.9999 7.99999 63.9999C3.5875 63.9999 0 60.4124 0 55.9999L0 7.99999ZM48 16 32 16 32 0 48 16ZM22 44 26 44C29.8625 44 33 47.1375 33 50.9999 33 54.8624 29.8625 57.9999 26 57.9999L24 57.9999 24 61.9999C24 63.0999 23.1 63.9999 22 63.9999 20.9 63.9999 20 63.0999 20 61.9999L20 55.9999 20 46C20 44.9 20.9 44 22 44ZM26 53.9999C27.6625 53.9999 29 52.6624 29 50.9999 29 49.3375 27.6625 48 26 48L24 48 24 53.9999 26 53.9999ZM38 44 42 44C45.3125 44 48 46.6875 48 50L48 57.9999C48 61.3124 45.3125 63.9999 42 63.9999L38 63.9999C36.9 63.9999 36 63.0999 36 61.9999L36 46C36 44.9 36.9 44 38 44ZM42 59.9999C43.1 59.9999 44 59.0999 44 57.9999L44 50C44 48.9 43.1 48 42 48L40 48 40 59.9999 42 59.9999ZM51.9999 46C51.9999 44.9 52.8999 44 53.9999 44L59.9999 44C61.0999 44 61.9999 44.9 61.9999 46 61.9999 47.0999 61.0999 48 59.9999 48L55.9999 48 55.9999 51.9999 59.9999 51.9999C61.0999 51.9999 61.9999 52.8999 61.9999 53.9999 61.9999 55.0999 61.0999 55.9999 59.9999 55.9999L55.9999 55.9999 55.9999 61.9999C55.9999 63.0999 55.0999 63.9999 53.9999 63.9999 52.8999 63.9999 51.9999 63.0999 51.9999 61.9999L51.9999 53.9999 51.9999 46Z" fill="#3B3B3B" fill-rule="nonzero" fill-opacity="1" transform="matrix(1 0 0 1.01563 1884 1066)"/></g></g></g></g></g></svg>

docs/index.assets/btn_read_online.svg

@@ -1 +1 @@
-<svg width="463" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-2502 -825)"><g><path d="M2506.5 896.5C2506.5 859.497 2536.5 829.5 2573.5 829.5L2894.5 829.5C2931.5 829.5 2961.5 859.497 2961.5 896.5 2961.5 933.503 2931.5 963.5 2894.5 963.5L2573.5 963.5C2536.5 963.5 2506.5 933.503 2506.5 896.5Z" stroke="#52BBB1" stroke-width="4.58333" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="8" stroke-opacity="1" fill="none" fill-rule="evenodd"/><text fill="#52BBB1" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2689.62 913)">在线阅读</text><g><g><g><path d="M2625.25 899.155C2628.01 899.155 2630.95 899.435 2634 899.995L2634 905.245C2631.83 904.685 2628.89 904.405 2625.25 904.405 2618.6 904.405 2613.39 905.56 2609.5 907.87L2609.5 901.955C2613.59 900.1 2618.84 899.155 2625.25 899.155M2609.5 892.61C2614.01 890.755 2619.26 889.845 2625.25 889.845 2628.01 889.845 2630.95 890.09 2634 890.65L2634 895.9C2631.83 895.34 2628.89 895.06 2625.25 895.06 2618.6 895.06 2613.39 896.25 2609.5 898.525M2625.25 885.75C2618.6 885.75 2613.39 886.87 2609.5 889.25L2609.5 883.44C2613.8 881.48 2619.05 880.5 2625.25 880.5 2628.01 880.5 2630.95 880.78 2634 881.305L2634 886.73C2631.41 886.065 2628.43 885.75 2625.25 885.75M2637.5 913.75 2637.5 873.5C2633.86 872.345 2629.76 871.75 2625.25 871.75 2618.07 871.75 2611.67 873.5 2606 877L2606 917.25C2611.67 913.75 2618.07 912 2625.25 912 2629.41 912 2633.51 912.56 2637.5 913.75M2625.25 864.75C2633.47 864.75 2639.91 866.5 2644.5 870L2644.5 920.96C2644.5 921.38 2644.32 921.8 2643.94 922.185 2643.55 922.5 2643.13 922.78 2642.75 922.78 2642.36 922.78 2642.08 922.71 2641.88 922.605 2637.39 920.19 2631.83 919 2625.25 919 2618.07 919 2611.67 920.75 2606 924.25 2601.31 920.75 2594.91 919 2586.75 919 2580.94 919 2575.38 920.26 2570.12 922.745 2570.02 922.78 2569.88 922.78 2569.71 922.85 2569.56 922.885 2569.43 922.92 2569.25 922.92 2568.86 922.92 2568.45 922.78 2568.06 922.5 2567.71 922.189 2567.51 921.744 2567.5 921.275L2567.5 870C2572.19 866.5 2578.63 864.75 2586.75 864.75 2594.91 864.75 2601.31 866.5 2606 870 2610.69 866.5 2617.09 864.75 2625.25 864.75Z" fill="#52BBB1" fill-rule="nonzero" fill-opacity="1"/></g></g></g></g></g></svg>
+<svg width="463" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-2493 -825)"><g><path d="M2497 896C2497 858.997 2527 829 2564 829L2885 829C2922 829 2952 858.997 2952 896L2952 896C2952 933.003 2922 963 2885 963L2564 963C2527 963 2497 933.003 2497 896Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><text fill="#FFFFFF" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 2680.99 912)">在线阅读</text><g><g><g><path d="M16.2 0C11.7324 0 8.10001 3.63235 8.10001 8.10001L8.10001 36.4501 2.43 36.4501C1.08844 36.4501 0 37.5385 0 38.8801 0 44.2463 4.35376 48.6001 9.72002 48.6001L40.5001 48.6001 40.5001 36.4501 16.2 36.4501 16.2 8.10001 56.7001 8.10001 56.7001 12.15 64.8001 12.15 64.8001 8.10001C64.8001 3.63235 61.1678 0 56.7001 0L16.2 0ZM64.8001 16.2 50.6251 16.2C47.2712 16.2 44.5501 18.9211 44.5501 22.275L44.5501 58.7251C44.5501 62.079 47.2712 64.8001 50.6251 64.8001L74.9251 64.8001C78.279 64.8001 81.0001 62.079 81.0001 58.7251L81.0001 32.4001 68.8501 32.4001C66.6099 32.4001 64.8001 30.5902 64.8001 28.35L64.8001 16.2ZM68.8501 16.2 68.8501 28.35 81.0001 28.35 68.8501 16.2Z" fill="#FFFFFF" fill-rule="nonzero" fill-opacity="1" transform="matrix(1 0 0 1.00308 2564 865)"/></g></g></g></g></g></svg>

docs/index.assets/btn_read_online_dark.svg

@@ -1 +1 @@
-<svg width="458" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1801" y="825" width="458" height="142"/></clipPath><clipPath id="clip1"><rect x="1801" y="825" width="458" height="142"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1801 -825)"><g clip-path="url(#clip1)"><path d="M1804 896C1804 858.997 1834 829 1871 829L2192 829C2229 829 2259 858.997 2259 896L2259 896C2259 933.003 2229 963 2192 963L1871 963C1834 963 1804 933.003 1804 896Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 1987.51 913)">在线阅读</text><g><g><g><path d="M1923.25 899.155C1926.02 899.155 1928.95 899.435 1932 899.995L1932 905.245C1929.83 904.685 1926.89 904.405 1923.25 904.405 1916.6 904.405 1911.39 905.56 1907.5 907.87L1907.5 901.955C1911.6 900.1 1916.85 899.155 1923.25 899.155M1907.5 892.61C1912.02 890.755 1917.27 889.845 1923.25 889.845 1926.02 889.845 1928.95 890.09 1932 890.65L1932 895.9C1929.83 895.34 1926.89 895.06 1923.25 895.06 1916.6 895.06 1911.39 896.25 1907.5 898.525M1923.25 885.75C1916.6 885.75 1911.39 886.87 1907.5 889.25L1907.5 883.44C1911.81 881.48 1917.06 880.5 1923.25 880.5 1926.02 880.5 1928.95 880.78 1932 881.305L1932 886.73C1929.41 886.065 1926.44 885.75 1923.25 885.75M1935.5 913.75 1935.5 873.5C1931.86 872.345 1927.77 871.75 1923.25 871.75 1916.08 871.75 1909.67 873.5 1904 877L1904 917.25C1909.67 913.75 1916.08 912 1923.25 912 1927.42 912 1931.51 912.56 1935.5 913.75M1923.25 864.75C1931.47 864.75 1937.92 866.5 1942.5 870L1942.5 920.96C1942.5 921.38 1942.32 921.8 1941.94 922.185 1941.56 922.5 1941.14 922.78 1940.75 922.78 1940.36 922.78 1940.08 922.71 1939.88 922.605 1935.4 920.19 1929.83 919 1923.25 919 1916.08 919 1909.67 920.75 1904 924.25 1899.31 920.75 1892.91 919 1884.75 919 1878.94 919 1873.38 920.26 1868.13 922.745 1868.02 922.78 1867.88 922.78 1867.71 922.85 1867.57 922.885 1867.43 922.92 1867.25 922.92 1866.87 922.92 1866.45 922.78 1866.06 922.5 1865.71 922.189 1865.51 921.744 1865.5 921.275L1865.5 870C1870.19 866.5 1876.63 864.75 1884.75 864.75 1892.91 864.75 1899.31 866.5 1904 870 1908.69 866.5 1915.1 864.75 1923.25 864.75Z" fill="#3B3B3B" fill-rule="nonzero" fill-opacity="1"/></g></g></g></g></g></svg>
+<svg width="458" height="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1801" y="825" width="458" height="142"/></clipPath><clipPath id="clip1"><rect x="1801" y="825" width="458" height="142"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1801 -825)"><g clip-path="url(#clip1)"><path d="M1804 896C1804 858.997 1834 829 1871 829L2192 829C2229 829 2259 858.997 2259 896L2259 896C2259 933.003 2229 963 2192 963L1871 963C1834 963 1804 933.003 1804 896Z" fill="#52BBB1" fill-rule="evenodd" fill-opacity="0.901961"/><text fill="#3B3B3B" fill-opacity="1" font-family="Noto Sans SC Medium,Noto Sans SC Medium_MSFontService,sans-serif" font-style="normal" font-variant="normal" font-weight="500" font-stretch="normal" font-size="48" text-anchor="start" direction="ltr" writing-mode="lr-tb" unicode-bidi="normal" text-decoration="none" transform="matrix(1 0 0 1 1987.51 912)">在线阅读</text><g><g><g><path d="M16.2 0C11.7324 0 8.10001 3.63235 8.10001 8.10001L8.10001 36.4501 2.43 36.4501C1.08844 36.4501 0 37.5385 0 38.8801 0 44.2463 4.35376 48.6001 9.72002 48.6001L40.5001 48.6001 40.5001 36.4501 16.2 36.4501 16.2 8.10001 56.7001 8.10001 56.7001 12.15 64.8001 12.15 64.8001 8.10001C64.8001 3.63235 61.1678 0 56.7001 0L16.2 0ZM64.8001 16.2 50.6251 16.2C47.2712 16.2 44.5501 18.9211 44.5501 22.275L44.5501 58.7251C44.5501 62.079 47.2712 64.8001 50.6251 64.8001L74.9251 64.8001C78.279 64.8001 81.0001 62.079 81.0001 58.7251L81.0001 32.4001 68.8501 32.4001C66.6099 32.4001 64.8001 30.5902 64.8001 28.35L64.8001 16.2ZM68.8501 16.2 68.8501 28.35 81.0001 28.35 68.8501 16.2Z" fill="#3B3B3B" fill-rule="nonzero" fill-opacity="1" transform="matrix(1 0 0 1.00308 1871 865)"/></g></g></g></g></g></svg>

docs/index.md

@@ -3,18 +3,18 @@ comments: true
 glightbox: false
 hide:
   - footer
+  - toc
+  - edit
 ---
 
-<h1 align="center">  </h1>
+<div class="header-img-div" style="max-width: 500px;">
+  <img src="index.assets/conceptual_rendering.png" style="width: 37%; height: auto;">
+  <img src="index.assets/hello_algo_mindmap_tp.png" style="width: 63%; height: auto;">
+</div>
 
-<p align="center">
+<h2 align="center">《 Hello 算法 》</h2>
-  <img src="index.assets/conceptual_rendering.png" width="200">
-  <img src="index.assets/hello_algo_mindmap_tp.png" width="320">
-</p>
 
-<h2 align="center"> 《 Hello 算法 》</h2>
+<p align="center">动画图解、一键运行的数据结构与算法教程</p>
-
-<p align="center"> 动画图解、一键运行的数据结构与算法教程 </p>
 
 <p align="center">
   <a href="https://github.com/krahets/hello-algo">
@@ -30,6 +30,21 @@ hide:
   </a>
 </p>
 
+<p align="center">
+  <a href="https://www.hello-algo.com/chapter_preface/" class="rounded-button">
+      <svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8V454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z"/></svg>
+      开始阅读
+  </a>
+  <a href="https://github.com/krahets/hello-algo" class="rounded-button">
+      <svg xmlns="http://www.w3.org/2000/svg" height="16px" width="15.5px" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
+      下载代码
+  </a>
+  <a href="https://github.com/krahets/hello-algo/releases" class="rounded-button">
+      <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"/></svg>
+      下载 PDF
+  </a>
+</p>
+
 <p align="center">
   <img src="https://img.shields.io/badge/Python-snow?logo=python&logoColor=3776AB">
   <img src="https://img.shields.io/badge/C%2B%2B-snow?logo=c%2B%2B&logoColor=00599C">
@@ -50,56 +65,68 @@ hide:
 
 <h2 align="center"> 推荐语 </h2>
 
-!!! quote
+<div style="display: flex;">
-
+  <div class="admonition quote" style="flex: 1; margin-right: 0.4rem;">
-    “一本通俗易懂的数据结构与算法入门书，引导读者手脑并用地学习，强烈推荐算法初学者阅读。”
+    <p class="admonition-title">Quote</p>
-
+    <p>“一本通俗易懂的数据结构与算法入门书，引导读者手脑并用地学习，强烈推荐算法初学者阅读。”</p>
-    **—— 邓俊辉，清华大学计算机系教授**
+    <p><strong>—— 邓俊辉，清华大学计算机系教授</strong></p>
-
+  </div>
-!!! quote
+  <div class="admonition quote" style="flex: 1; margin-left: 0.4rem;">
-
+    <p class="admonition-title">Quote</p>
-    “如果我当年学数据结构与算法的时候有《Hello 算法》，学起来应该会简单 10 倍！”
+    <p>“如果我当年学数据结构与算法的时候有《Hello 算法》，学起来应该会简单 10 倍！”</p>
-
+    <p><strong>—— 李沐，亚马逊资深首席科学家</strong></p>
-    **—— 李沐，亚马逊资深首席科学家**
+  </div>
+</div>
 
 ---
 
-<h3 align="center"> 全书动画图解 </h3>
+<div style="display: flex; align-items: center; margin: 2rem auto;">
+  <div style="flex: 1; margin: 0 2rem; display: flex; flex-direction: column; align-items: center;">
+    <div style="display: flex; flex-direction: column; align-items: center;">
+      <h3>动画图解</h3>
+      <svg xmlns="http://www.w3.org/2000/svg" height="28" width="28" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path fill="var(--md-primary-bg-color)" d="M256 0H576c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H256c-35.3 0-64-28.7-64-64V64c0-35.3 28.7-64 64-64zM476 106.7C471.5 100 464 96 456 96s-15.5 4-20 10.7l-56 84L362.7 169c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h80 48H552c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.2-24.6l-96-144zM336 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM64 128h96V384v32c0 17.7 14.3 32 32 32H320c17.7 0 32-14.3 32-32V384H512v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192c0-35.3 28.7-64 64-64zm8 64c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16H88c8.8 0 16-7.2 16-16V208c0-8.8-7.2-16-16-16H72zm0 104c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16H88c8.8 0 16-7.2 16-16V312c0-8.8-7.2-16-16-16H72zm0 104c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16H88c8.8 0 16-7.2 16-16V416c0-8.8-7.2-16-16-16H72zm336 16v16c0 8.8 7.2 16 16 16h16c8.8 0 16-7.2 16-16V416c0-8.8-7.2-16-16-16H424c-8.8 0-16 7.2-16 16z"/></svg>
+    </div>
+    <p style="text-align: center;">内容清晰易懂</br>学习曲线平滑</p>
+  </div>
+  <img src="index.assets/animation.gif" class="cover-image" style="flex-shrink: 0; width: auto; max-width: 50%; border-radius: 0.5rem;">
+</div>
 
-<p align="center"> 内容清晰易懂、学习曲线平滑</br>电脑、平板、手机全终端阅读 </p>
+<div class="admonition quote">
+  <p align="center">"A picture is worth a thousand words."</p>
+  <p align="center">“一图胜千言”</p>
+</div>
 
-<img src="index.assets/animation.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
+<div style="display: flex; align-items: center; margin: 2rem auto;">
+  <img src="index.assets/running_code.gif" class="cover-image" style="flex-shrink: 0; width: auto; max-width: 50%; border-radius: 0.5rem;">
+  <div style="flex: 1; margin: 0 2rem; display: flex; flex-direction: column; align-items: center;">
+    <div style="display: flex; flex-direction: column; align-items: center;">
+      <h3>一键运行</h3>
+      <svg xmlns="http://www.w3.org/2000/svg" height="28" width="28" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path fill="var(--md-primary-bg-color)" d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"/></svg>
+    </div>
+    <p style="text-align: center;">十余种编程语言<br>代码可直接运行</p>
+  </div>
+</div>
 
-!!! quote ""
+<div class="admonition quote">
+  <p align="center">"Talk is cheap. Show me the code."</p>
+  <p align="center">“少吹牛，看代码”</p>
+</div>
 
-    <p align="center"> "A picture is worth a thousand words." </p>
+<div style="display: flex; align-items: center; margin: 2rem auto;">
-    <p align="center"> “一图胜千言” </p>
+  <div style="flex: 1; margin: 0 2rem; display: flex; flex-direction: column; align-items: center;">
+    <div style="display: flex; flex-direction: column; align-items: center;">
+      <h3>互助学习</h3>
+      <svg xmlns="http://www.w3.org/2000/svg" height="28" width="28" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path fill="var(--md-primary-bg-color)" d="M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.7 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z"/></svg>
+    </div>
+    <p style="text-align: center;">欢迎讨论与提问</br>读者间携手共进</p>
+  </div>
+  <img src="index.assets/comment.gif" class="cover-image" style="flex-shrink: 0; width: auto; max-width: 50%; border-radius: 0.5rem;">
+</div>
 
----
+<div class="admonition quote">
-
+  <p align="center">"追风赶月莫停留"</p>
-<h3 align="center"> 代码一键运行 </h3>
+  <p align="center">“平芜尽处是春山”</p>
-
+</div>
-<p align="center"> 提供各个算法与数据结构的简洁实现与测试样例，皆可直接运行</br>支持 Python、C++、Java、C#、Go、Swift、JS、TS、Dart、Rust、C、Zig 等语言 </p>
-
-<img src="index.assets/running_code.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
-
-!!! quote ""
-
-    <p align="center"> "Talk is cheap. Show me the code." </p>
-    <p align="center"> “少吹牛，看代码” </p>
-
----
-
-<h3 align="center"> 可讨论与提问 </h3>
-
-<p align="center"> 鼓励小伙伴们互帮互助、共同成长</br>提问与评论一般能在两日内得到回复 </p>
-
-<img src="index.assets/comment.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
-
-!!! quote ""
-
-    <p align="center"> “追风赶月莫停留，平芜尽处是春山” </p>
-    <p align="center"> 一起加油！ </p>
 
 ---
 
@@ -115,7 +142,7 @@ hide:
 
 <h3 align="left"> 作者简介 </h3>
 
-靳宇栋 ([Krahets](https://leetcode.cn/u/jyd/))，大厂高级算法工程师，上海交通大学硕士。力扣（LeetCode）全网阅读量最高博主，发表的[《图解算法数据结构》](https://leetcode.cn/leetbook/detail/illustration-of-algorithm/)已被订阅 27 万本。
+靳宇栋 ([Krahets](https://leetcode.cn/u/jyd/))，大厂高级算法工程师，上海交通大学硕士。力扣（LeetCode）全网阅读量最高博主，发表的[《图解算法数据结构》](https://leetcode.cn/leetbook/detail/illustration-of-algorithm/)已被订阅 30 万本。
 
 ---
 
@@ -125,7 +152,7 @@ hide:
 
 <p align="center">
     <a href="https://github.com/krahets/hello-algo/graphs/contributors">
-        <img width="550" src="https://contrib.rocks/image?repo=krahets/hello-algo" />
+        <img width="550" src="https://contrib.rocks/image?repo=krahets/hello-algo">
     </a>
 </p>
 

mkdocs.yml

@@ -64,7 +64,7 @@ theme:
   icon:
     logo: logo
     repo: fontawesome/brands/github
-    edit: material/file-edit-outline
+    edit: fontawesome/regular/pen-to-square
 
 extra:
   alternate:

overrides/partials/.gitignore

@@ -0,0 +1 @@
+comments.html

overrides/partials/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to
+deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+sell copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+IN THE SOFTWARE.

overrides/partials/actions.html

@@ -0,0 +1,32 @@
+<!-- Actions -->
+{% if page.edit_url %}
+
+  <!-- Edit button -->
+  {% if "content.action.edit" in features and "edit" not in page.meta.hide %}
+    <a
+      href="{{ page.edit_url }}"
+      title="{{ lang.t('action.edit') }}"
+      class="md-content__button md-icon"
+    >
+      {% set icon = config.theme.icon.edit or "material/file-edit-outline" %}
+      {% include ".icons/" ~ icon ~ ".svg" %}
+    </a>
+  {% endif %}
+
+  <!-- View button -->
+  {% if "content.action.view" in features %}
+    {% if "/blob/" in page.edit_url %}
+      {% set part = "blob" %}
+    {% else %}
+      {% set part = "edit" %}
+    {% endif %}
+    <a
+      href="{{ page.edit_url | replace(part, 'raw') }}"
+      title="{{ lang.t('action.view') }}"
+      class="md-content__button md-icon"
+    >
+      {% set icon = config.theme.icon.view or "material/file-eye-outline" %}
+      {% include ".icons/" ~ icon ~ ".svg" %}
+    </a>
+  {% endif %}
+{% endif %}

overrides/partials/content.html

@@ -1,25 +1,3 @@
-<!--
-  Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to
-  deal in the Software without restriction, including without limitation the
-  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
-  sell copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-  IN THE SOFTWARE.
--->
-
 <!-- Tags -->
 {% if "material/tags" in config.plugins and tags %}
   {% include "partials/tags.html" %}
@@ -28,14 +6,6 @@
 <!-- Actions -->
 {% include "partials/actions.html" %}
 
-<!--
-  Hack: check whether the content contains a h1 headline. If it doesn't, the
-  page title (or respectively site name) is used as the main headline.
--->
-{% if "\x3ch1" not in page.content %}
-  <h1>{{ page.title | d(config.site_name, true)}}</h1>
-{% endif %}
-
 <!-- Page content -->
 {{ page.content }}
 

overrides/stylesheets/extra.css

@@ -15,7 +15,10 @@
   --md-admonition-fg-color: #1d1d20;
 
   --md-typeset-color: #1d1d20;
-  --md-typeset-a-color: #2aa996;
+  --md-typeset-a-color: #349890;
+
+  --md-typeset-btn-color: #55aea6;
+  --md-typeset-btn-hover-color: #52bbb1;
 }
 
 [data-md-color-scheme="slate"] {
@@ -35,7 +38,10 @@
   --md-footer-fg-color: #adbac7;
 
   --md-typeset-color: #adbac7;
-  --md-typeset-a-color: #21c8b8 !important;
+  --md-typeset-a-color: #52bbb1 !important;
+
+  --md-typeset-btn-color: #52bbb1;
+  --md-typeset-btn-hover-color: #55aea6;
 }
 
 /* https://github.com/squidfunk/mkdocs-material/issues/4832#issuecomment-1374891676 */
@@ -119,3 +125,40 @@ body {
 [data-md-color-scheme="slate"] .md-typeset video {
   filter: brightness(0.85) invert(0.05);
 }
+
+/* landing page */
+.header-img-div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto;
+  width: 100%; /* Default to full width */
+}
+
+/* rounded button */
+.rounded-button {
+  display: inline-flex; /* Use flexbox for alignment */
+  align-items: center; /* Align items vertically */
+  justify-content: center; /* Center items horizontally */
+  border-radius: 100px; /* Circular corners */
+  padding: 9px 18px; /* Padding around the text */
+  margin: 0.15em 0;
+  border: none; /* Removes default border */
+  background-color: var(--md-typeset-btn-color); /* Background color */
+  color: var(--md-primary-fg-color) !important; /* Text color */
+  font-size: 0.85em; /* Font size */
+  text-align: center; /* Center the text */
+  text-decoration: none; /* Remove underline from anchor text */
+  cursor: pointer; /* Pointer cursor on hover */
+}
+
+.rounded-button:hover {
+  background-color: var(--md-typeset-btn-hover-color);
+}
+
+.rounded-button svg {
+  fill: var(--md-primary-fg-color); /* Fill SVG icon with text color */
+  width: 1.2em;
+  height: auto;
+  margin-right: 0.5em; /* Add some space between the SVG icon and the text */
+}