diff --git a/website/docs/tutorial/event-data.mdx b/website/docs/tutorial/event-data.mdx
index b4d134443ef..59877577343 100644
--- a/website/docs/tutorial/event-data.mdx
+++ b/website/docs/tutorial/event-data.mdx
@@ -26,8 +26,9 @@ import Messenger from "@site/src/components/Messenger";
 
 例如，我们可以继续改进上一章节中的 `weather` 插件，使其可以获取到 `天气` 命令的地名参数，并根据地名返回天气信息。
 
-```python {8,10} title=weather/__init__.py
+```python {9,11} title=weather/__init__.py
 from nonebot import on_command
+from nonebot.rule import to_me
 from nonebot.adapters import Message
 from nonebot.params import CommandArg
 
diff --git a/website/docs/tutorial/handler.mdx b/website/docs/tutorial/handler.mdx
index ba63b96cea0..20e21d6d5b6 100644
--- a/website/docs/tutorial/handler.mdx
+++ b/website/docs/tutorial/handler.mdx
@@ -26,7 +26,8 @@ import Messenger from "@site/src/components/Messenger";
 
 顾名思义，“事件处理函数装饰器”是一个[装饰器（decorator）](https://docs.python.org/zh-cn/3/glossary.html#term-decorator)，那么它的使用方法也同[函数定义](https://docs.python.org/zh-cn/3/reference/compound_stmts.html#function-definitions)中所展示的包装用法相同。例如：
 
-```python {5-7} title=weather/__init__.py
+```python {6-8} title=weather/__init__.py
+from nonebot.rule import to_me
 from nonebot.plugin import on_command
 
 weather = on_command("天气", rule=to_me(), aliases={"weather", "查天气"}, priority=10, block=True)
@@ -44,7 +45,8 @@ async def handle_function():
 
 事件响应器操作与事件处理函数装饰器类似，通常作为事件响应器 `Matcher` 的[类方法](https://docs.python.org/zh-cn/3/library/functions.html#classmethod)存在，因此事件响应器操作的调用方法也是 `Matcher.func()` 的形式。不过不同的是，事件响应器操作并不是装饰器，因此并不需要@进行标注。
 
-```python {7,8} title=weather/__init__.py
+```python {8,9} title=weather/__init__.py
+from nonebot.rule import to_me
 from nonebot.plugin import on_command
 
 weather = on_command("天气", rule=to_me(), aliases={"weather", "查天气"}, priority=10, block=True)