diff --git a/src/content/docs/zh-cn/core-concepts/astro-pages.mdx b/src/content/docs/zh-cn/core-concepts/astro-pages.mdx
index 67ece121cb008..f09cd7ed10628 100644
--- a/src/content/docs/zh-cn/core-concepts/astro-pages.mdx
+++ b/src/content/docs/zh-cn/core-concepts/astro-pages.mdx
@@ -3,6 +3,7 @@ title: 页面
 description: Astro 页面简介
 ---
 
+import ReadMore from '~/components/ReadMore.astro';
 import Since from '~/components/Since.astro'
 
 **页面**是位于 Astro 项目的 `src/pages/` 子目录中的文件。它们负责处理路由、数据加载以及网站中每个页面的整体页面布局。
@@ -22,7 +23,7 @@ Astro 使用一种名为 **基于文件的路由** 的路由策略。`src/pages/
 
 一个文件也可以使用[动态路由](/zh-cn/core-concepts/routing/#动态路由)来生成多个页面。这允许你即使内容不在特殊的 `/pages/` 目录中，也可以创建页面，例如在[内容集合](/zh-cn/guides/content-collections/)或[内容管理系统](/zh-cn/guides/cms/)中。
 
-📚 了解更多关于 [Astro 路由](/zh-cn/core-concepts/routing/)的内容。
+<ReadMore>了解更多关于 [Astro 路由](/zh-cn/core-concepts/routing/)的内容。</ReadMore>
 
 ### 页面之间的链接
 
@@ -65,7 +66,7 @@ import MySiteLayout from '../layouts/MySiteLayout.astro';
 </MySiteLayout>
 ```
 
-📚 了解更多关于 [布局组件](/zh-cn/core-concepts/layouts/) 的内容。
+<ReadMore>了解更多关于 [布局组件](/zh-cn/core-concepts/layouts/) 的内容。</ReadMore>
 
 ## Markdown/MDX 页面
 
@@ -86,7 +87,7 @@ title: '我的 Markdown 页面'
 这是我的页面，使用 **Markdown** 编写。
 ```
 
-📚 了解更多关于 [Astro 中的 Markdown](/zh-cn/guides/markdown-content/) 的内容。
+<ReadMore>了解更多关于 [Astro 中的 Markdown](/zh-cn/guides/markdown-content/) 的内容。</ReadMore>
 
 ## HTML 页面