From e2ce9434a8d17d09e13b45cd61321b3d30e81da6 Mon Sep 17 00:00:00 2001
From: Cat Tom <linweijie2015@gmail.com>
Date: Wed, 24 Jul 2024 18:37:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/index.md | 37 ++++++++++++++++++++++++++++++++++++-
 mkdocs.yml    |  3 +--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index f98c819..6da200b 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -30,4 +30,39 @@ Lorem ipsum dolor sit amet, (1) consectetur adipiscing elit.
 2.  :woman_raising_hand: I'm an annotation as well!
 
 [Subscribe to our newsletter](#){ .md-button .md-button--primary }
-[Send :fontawesome-solid-paper-plane:](#){ .md-button }
\ No newline at end of file
+[Send :fontawesome-solid-paper-plane:](#){ .md-button }
+
+``` py title="bubble_sort.py"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] > items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+
+``` yaml
+theme:
+  features:
+    - content.code.annotate # (1)
+```
+
+1.  :man_raising_hand: I'm a code annotation! I can contain `code`, __formatted
+    text__, images, ... basically anything that can be written in Markdown.
+
+``` py linenums="1"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] > items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+
+``` py hl_lines="3-5"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] > items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+When InlineHilite is enabled, syntax highlighting can be applied to inline code blocks by prefixing them with a shebang, i.e. `#!`, directly followed by the corresponding language shortcode.
+The `#!python range()` function is used to generate a sequence of numbers.
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index e3b1caa..55f918f 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -15,14 +15,13 @@ theme:
     - navigation.instant
     - navigation.instant.prefetch
     - navigation.tracking
-    - navigation.tabs
-    - navigation.tabs.sticky
     - navigation.sections
     - navigation.path
     - navigation.top
     - search.suggest
     - search.highlight
     - content.code.copy
+    - content.code.annotate
   palette:
     primary: blue grey
     accent: light blue