diff --git a/website/docs/best-practice/htmlkit-render.md b/website/docs/best-practice/htmlkit-render.md
index ec1b579e..9c0b0690 100644
--- a/website/docs/best-practice/htmlkit-render.md
+++ b/website/docs/best-practice/htmlkit-render.md
@@ -15,7 +15,6 @@ NoneBot 提供的 `nonebot-plugin-htmlkit` 提供了另一种基于 HTML 和 CSS
 
 ## 安装插件
 
-
 在使用前请先安装 `nonebot-plugin-htmlkit` 插件至项目环境中，可参考[获取商店插件](../tutorial/store.mdx#安装插件)来了解并选择安装插件的方式。如：
 
 在**项目目录**下执行以下命令：
@@ -61,7 +60,7 @@ from nonebot_plugin_htmlkit import html_to_pic, md_to_pic, template_to_pic, text
 
 #### html_to_pic
 
-``` python
+```python
 async def html_to_pic(
     html: str,
     *,
diff --git a/website/src/changelog/changelog.md b/website/src/changelog/changelog.md
index 090864b8..55e4050d 100644
--- a/website/src/changelog/changelog.md
+++ b/website/src/changelog/changelog.md
@@ -9,6 +9,7 @@ toc_max_heading_level: 2
 
 ### 📝 文档
 
+- Docs: 添加 htmlkit 文档至最佳实践 [@BlueGlassBlock](https://github.com/BlueGlassBlock) ([#3682](https://github.com/nonebot/nonebot2/pull/3682))
 - Docs: 修复 userinfo 插件链接 [@XieXiLin2](https://github.com/XieXiLin2) ([#3660](https://github.com/nonebot/nonebot2/pull/3660))
 - Docs: 升级 docusaurus 3.8.1 [@StarHeartHunt](https://github.com/StarHeartHunt) ([#3649](https://github.com/nonebot/nonebot2/pull/3649))
 - Docs: 更新文档《手动创建项目》 [@Chen-Luan](https://github.com/Chen-Luan) ([#3623](https://github.com/nonebot/nonebot2/pull/3623))
diff --git a/website/versioned_docs/version-2.4.1/best-practice/htmlkit-render.md b/website/versioned_docs/version-2.4.1/best-practice/htmlkit-render.md
index ec1b579e..9c0b0690 100644
--- a/website/versioned_docs/version-2.4.1/best-practice/htmlkit-render.md
+++ b/website/versioned_docs/version-2.4.1/best-practice/htmlkit-render.md
@@ -15,7 +15,6 @@ NoneBot 提供的 `nonebot-plugin-htmlkit` 提供了另一种基于 HTML 和 CSS
 
 ## 安装插件
 
-
 在使用前请先安装 `nonebot-plugin-htmlkit` 插件至项目环境中，可参考[获取商店插件](../tutorial/store.mdx#安装插件)来了解并选择安装插件的方式。如：
 
 在**项目目录**下执行以下命令：
@@ -61,7 +60,7 @@ from nonebot_plugin_htmlkit import html_to_pic, md_to_pic, template_to_pic, text
 
 #### html_to_pic
 
-``` python
+```python
 async def html_to_pic(
     html: str,
     *,
diff --git a/website/versioned_docs/version-2.4.2/best-practice/htmlkit-render.md b/website/versioned_docs/version-2.4.2/best-practice/htmlkit-render.md
index ec1b579e..9c0b0690 100644
--- a/website/versioned_docs/version-2.4.2/best-practice/htmlkit-render.md
+++ b/website/versioned_docs/version-2.4.2/best-practice/htmlkit-render.md
@@ -15,7 +15,6 @@ NoneBot 提供的 `nonebot-plugin-htmlkit` 提供了另一种基于 HTML 和 CSS
 
 ## 安装插件
 
-
 在使用前请先安装 `nonebot-plugin-htmlkit` 插件至项目环境中，可参考[获取商店插件](../tutorial/store.mdx#安装插件)来了解并选择安装插件的方式。如：
 
 在**项目目录**下执行以下命令：
@@ -61,7 +60,7 @@ from nonebot_plugin_htmlkit import html_to_pic, md_to_pic, template_to_pic, text
 
 #### html_to_pic
 
-``` python
+```python
 async def html_to_pic(
     html: str,
     *,
diff --git a/website/versioned_docs/version-2.4.3/best-practice/htmlkit-render.md b/website/versioned_docs/version-2.4.3/best-practice/htmlkit-render.md
index ec1b579e..9c0b0690 100644
--- a/website/versioned_docs/version-2.4.3/best-practice/htmlkit-render.md
+++ b/website/versioned_docs/version-2.4.3/best-practice/htmlkit-render.md
@@ -15,7 +15,6 @@ NoneBot 提供的 `nonebot-plugin-htmlkit` 提供了另一种基于 HTML 和 CSS
 
 ## 安装插件
 
-
 在使用前请先安装 `nonebot-plugin-htmlkit` 插件至项目环境中，可参考[获取商店插件](../tutorial/store.mdx#安装插件)来了解并选择安装插件的方式。如：
 
 在**项目目录**下执行以下命令：
@@ -61,7 +60,7 @@ from nonebot_plugin_htmlkit import html_to_pic, md_to_pic, template_to_pic, text
 
 #### html_to_pic
 
-``` python
+```python
 async def html_to_pic(
     html: str,
     *,