diff --git a/Contents/01.Array/02.Array-Sort/07.Array-Heap-Sort.md b/Contents/01.Array/02.Array-Sort/07.Array-Heap-Sort.md
index 6f69dc6d..4cde705e 100644
--- a/Contents/01.Array/02.Array-Sort/07.Array-Heap-Sort.md
+++ b/Contents/01.Array/02.Array-Sort/07.Array-Heap-Sort.md
@@ -26,7 +26,7 @@ class MaxHeap:
 self.max_heap = []
 ```
 
-![堆的存储结构](http://qcdn.itcharge.cn/images/20230824154601.png)
+![堆的存储结构](https://qcdn.itcharge.cn/images/20230824154601.png)
 
 ### 1.3 访问堆顶元素
 
@@ -61,6 +61,38 @@ class MaxHeap:
 
 这个过程称为「上移调整(Shift Up)」。因为新插入的元素会逐步向堆的上方移动,直到找到了合适的位置,保持堆的有序性。
 
+::: tabs#heapPush
+
+@tab <1>
+
+![向堆中插入元素1](https://qcdn.itcharge.cn/images/20230831111022.png)
+
+@tab <2>
+
+![向堆中插入元素2](https://qcdn.itcharge.cn/images/20230831111036.png)
+
+@tab <3>
+
+![向堆中插入元素3](https://qcdn.itcharge.cn/images/20230831111052.png)
+
+@tab <4>
+
+![向堆中插入元素4](https://qcdn.itcharge.cn/images/20230831111103.png)
+
+@tab <5>
+
+![向堆中插入元素5](https://qcdn.itcharge.cn/images/20230831112321.png)
+
+@tab <6>
+
+![向堆中插入元素6](https://qcdn.itcharge.cn/images/20230831112328.png)
+
+@tab <7>
+
+![向堆中插入元素7](https://qcdn.itcharge.cn/images/20230831134124.png)
+
+:::
+
 ```python
 class MaxHeap:
 ......
@@ -78,7 +110,7 @@ class MaxHeap:
 i = (i - 1) // 2
 ```
 
-在最坏情况下,向堆中插入元素的时间复杂度为 $O(\log n),ドル其中 $n$ 是堆中元素的数量,这是因为堆的高度是 $\log n$。
+在最坏情况下,「向堆中插入元素」的时间复杂度为 $O(\log n),ドル其中 $n$ 是堆中元素的数量,这是因为堆的高度是 $\log n$。
 
 ### 1.5 删除堆顶元素
 
@@ -95,6 +127,38 @@ class MaxHeap:
 
 这个过程称为「下移调整(Shift Down)」。因为新的堆顶元素会逐步向堆的下方移动,直到找到了合适的位置,保持堆的有序性。
 
+::: tabs#heapPop
+
+@tab <1>
+
+![删除堆顶元素 1](https://qcdn.itcharge.cn/images/20230831134148.png)
+
+@tab <2>
+
+![删除堆顶元素 2](https://qcdn.itcharge.cn/images/20230831134156.png)
+
+@tab <3>
+
+![删除堆顶元素 3](https://qcdn.itcharge.cn/images/20230831134205.png)
+
+@tab <4>
+
+![删除堆顶元素 4](https://qcdn.itcharge.cn/images/20230831134214.png)
+
+@tab <5>
+
+![删除堆顶元素 5](https://qcdn.itcharge.cn/images/20230831134221.png)
+
+@tab <6>
+
+![删除堆顶元素 6](https://qcdn.itcharge.cn/images/20230831134229.png)
+
+@tab <7>
+
+![删除堆顶元素 7](https://qcdn.itcharge.cn/images/20230831134237.png)
+
+:::
+
 ```python
 class MaxHeap:
 ...... 
@@ -143,7 +207,7 @@ class MaxHeap:
 break
 ```
 
-删除堆顶元素的时间复杂度通常为$O(\log n),ドル其中 $n$ 是堆中元素的数量,因为堆的高度是 $\log n$。
+「删除堆顶元素」的时间复杂度通常为$O(\log n),ドル其中 $n$ 是堆中元素的数量,因为堆的高度是 $\log n$。
 
 ## 2. 堆排序
 
@@ -166,6 +230,89 @@ class MaxHeap:
 3. **重复交换和调整堆**:
 1. 重复第 2ドル$ 步,直到堆的大小为 1ドル$ 时,此时大顶堆的数组已经完全有序。
 
+::: tabs#heapSortBuildMaxHeap
+
+@tab <1>
+
+![1. 构建初始大顶堆 1](https://qcdn.itcharge.cn/images/20230831151620.png)
+
+@tab <2>
+
+![1. 构建初始大顶堆 2](https://qcdn.itcharge.cn/images/20230831151641.png)
+
+@tab <3>
+
+![1. 构建初始大顶堆 3](https://qcdn.itcharge.cn/images/20230831151703.png)
+
+@tab <4>
+
+![1. 构建初始大顶堆 4](https://qcdn.itcharge.cn/images/20230831151715.png)
+
+@tab <5>
+
+![1. 构建初始大顶堆 5](https://qcdn.itcharge.cn/images/20230831151725.png)
+
+@tab <6>
+
+![1. 构建初始大顶堆 6](https://qcdn.itcharge.cn/images/20230831151735.png)
+
+@tab <7>
+
+![1. 构建初始大顶堆 7](https://qcdn.itcharge.cn/images/20230831151749.png)
+
+:::
+
+::: tabs#heapSortExchangeVal
+
+@tab <1>
+
+![2. 交换元素,调整堆 1](https://qcdn.itcharge.cn/images/20230831162335.png)
+
+@tab <2>
+
+![2. 交换元素,调整堆 2](https://qcdn.itcharge.cn/images/20230831162346.png)
+
+@tab <3>
+
+![2. 交换元素,调整堆 3](https://qcdn.itcharge.cn/images/20230831162359.png)
+
+@tab <4>
+
+![2. 交换元素,调整堆 4](https://qcdn.itcharge.cn/images/20230831162408.png)
+
+@tab <5>
+
+![2. 交换元素,调整堆 5](https://qcdn.itcharge.cn/images/20230831162416.png)
+
+@tab <6>
+
+![2. 交换元素,调整堆 6](https://qcdn.itcharge.cn/images/20230831162424.png)
+
+@tab <7>
+
+![2. 交换元素,调整堆 7](https://qcdn.itcharge.cn/images/20230831162431.png)
+
+@tab <8>
+
+![2. 交换元素,调整堆 8](https://qcdn.itcharge.cn/images/20230831162440.png)
+
+@tab <9>
+
+![2. 交换元素,调整堆 9](https://qcdn.itcharge.cn/images/20230831162449.png)
+
+@tab <10>
+
+![2. 交换元素,调整堆 10](https://qcdn.itcharge.cn/images/20230831162457.png)
+
+@tab <11>
+
+![https://qcdn.](https://qcdn.itcharge.cn/images/20230831162505.png)
+
+@tab <12>
+
+![2. 交换元素,调整堆 12](https://qcdn.itcharge.cn/images/20230831162512.png)
+
+:::
 
 ### 2.3 堆排序代码实现
 
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://patch-diff.githubusercontent.com/raw/AlgorithmAndLeetCode/itcharge-LeetCode-Py/pull/145.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://patch-diff.githubusercontent.com/raw/AlgorithmAndLeetCode/itcharge-LeetCode-Py/pull/145.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>