From 5a9382f0087056ec39c829250349656165503bb4 Mon Sep 17 00:00:00 2001
From: weiyidan <wyd01104960@alibaba-inc.com>
Date: Wed, 24 Jul 2024 16:26:41 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E5=9F=BA=E7=A1=80=E5=AD=A6?=
 =?UTF-8?q?=E4=B9=A0=E8=B5=84=E6=96=99&=E7=89=88=E6=9D=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Footer.astro            | 34 ++++++-
 src/components/common/Header/index.astro      |  2 +-
 src/components/home/PracticeList.astro        |  4 +-
 src/components/home/TutorialList.astro        | 56 +++++------
 src/components/learning/HotTag.astro          |  2 +-
 src/components/learning/LearningData.astro    |  2 +-
 src/constant.ts                               | 94 +++++++++++--------
 src/content/blog/RocketMQ_Learning-fast.md    |  2 +-
 .../blog/RocketMQ_Learning-framework.md       |  2 +-
 src/content/blog/RocketMQ_Learning-scene.md   |  2 +-
 src/pages/learning/[...page].astro            |  2 +-
 src/pages/learning/[tag]/[...slug].astro      |  1 +
 12 files changed, 119 insertions(+), 84 deletions(-)

diff --git a/src/components/common/Footer.astro b/src/components/common/Footer.astro
index 2e57da1..8089a93 100644
--- a/src/components/common/Footer.astro
+++ b/src/components/common/Footer.astro
@@ -77,9 +77,39 @@ import { SITE } from "@utils/config";
   </div>
   <!-- TODO: 底部水印 -->
   <div
-    class="bottom_watermark text-[.875rem] text-info leading-6 text-center tracking-normal lg:pb-1 lg:pt-8"
+    class="bottom_watermark flex text-[.875rem] text-why justify-center items-center tracking-normal lg:pb-1 lg:pt-8"
   >
-    Copyright © 2023 RocketMQ
+    <a
+      rel="noreferrer"
+      href="http://idinfo.zjamr.zj.gov.cn/bscx.do?method=lzxx&id=3301843301000000126540"
+      target="_blank"
+      class="flex items-center"
+    >
+      <img
+        src="https://img.alicdn.com/imgextra/i1/O1CN01NhyZOt1ZEF2xEFUQu_!!6000000003162-1-tps-65-70.gif"
+        class="w-[23px] h-[23px]"
+      />
+    </a>
+    <div class="mr-2 ml-2 flex items-center">
+      <img
+        src="https://img.alicdn.com/imgextra/i2/O1CN01mW5nke1nsSReBsHQw_!!6000000005145-2-tps-20-20.png"
+        class="w-[20px] h-[20px]"
+      />
+    </div>
+    <div class="mr-2">
+      <a
+        rel="noreferrer"
+        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33011002017055"
+        target="_blank"
+      >
+        浙公网安备 33011002017055号
+      </a>
+    </div>
+    <div>
+      <a rel="noreferrer" target="_blank" href="https://beian.miit.gov.cn/">
+        浙ICP备12022327号-1120
+      </a>
+    </div>
   </div>
 </footer-layout>
 
diff --git a/src/components/common/Header/index.astro b/src/components/common/Header/index.astro
index 3a7a782..8b65ccc 100644
--- a/src/components/common/Header/index.astro
+++ b/src/components/common/Header/index.astro
@@ -35,7 +35,7 @@ let height,
 ---
 
 <span class="header-wrapper">
-  <Alert />
+  <!-- <Alert /> -->
   <my-layout
     style={`position: ${position}; height: ${height}`}
     class="w-full backdrop-blur-md top-0 z-[10] bg-base-header flex justify-center"
diff --git a/src/components/home/PracticeList.astro b/src/components/home/PracticeList.astro
index 1ba5948..fd443fd 100644
--- a/src/components/home/PracticeList.astro
+++ b/src/components/home/PracticeList.astro
@@ -89,7 +89,7 @@ let currentScreen = 0;
     height: 16.375rem;
     border-radius: 16px;
     opacity: 1;
-    padding: 0 24px 32px 24px;
+    padding: 0 1.5rem 1.5rem 1.5rem;
 
     .hotTutorial-header {
       height: 5rem;
@@ -109,7 +109,7 @@ let currentScreen = 0;
         margin-right: 1.5rem;
 
         .item-content-top {
-          height: 70%;
+          height: 72%;
           img {
             border-radius: 8px;
             width: 100%;
diff --git a/src/components/home/TutorialList.astro b/src/components/home/TutorialList.astro
index 70b6afe..8604d55 100644
--- a/src/components/home/TutorialList.astro
+++ b/src/components/home/TutorialList.astro
@@ -9,31 +9,27 @@ const itemsPerPage = 3; // 每屏显示的元素个数
 let currentScreen = 0;
 ---
 
-<SliderCards
-  className={"hotTutorial-box"}
-  prevId={"prevtutorial"}
-  nextId={"nexttutorial"}
-  title={t("learning.base.data")}
->
+<div class="hotTutorial-box bg-card">
+  <h2 class="follow-header text-title">基础学习资料</h2>
   <div class="hotTutorial-content" id="hotTutorial-content">
     {
       BASE_LEARNDATA.slice(
         currentScreen * itemsPerPage,
         (currentScreen + 1) * itemsPerPage
       ).map((item) => (
-        <div class="item-content">
-          <div class="item-content-left">
-            <img src="/img/home/tutorial.svg" />
+        <a class="item-content" href={item.href}>
+          <div class="item-content-top">
+            <img src={item.img} />
           </div>
-          <div class="item-content-right">
-            <div class="right-title text-model">{item.title}</div>
+          <div class="item-content-bottom">
+            <div class="content-bottom-title text-title">{item.title}</div>
             {/* <a class="arrow" /> */}
           </div>
-        </div>
+        </a>
       ))
     }
   </div>
-</SliderCards>
+</div>
 
 <script>
   import { BASE_LEARNDATA } from "@/constant";
@@ -51,15 +47,14 @@ let currentScreen = 0;
         );
         content.innerHTML = "";
         newData.forEach((item, idx) => {
-          const html = `<div class="item-content">
-        <div class="item-content-left">
+          const html = `<a class="item-content">
+        <div class="item-content-top">
           <img src='/img/home/tutorial.svg'/>
         </div>
-        <div class="item-content-right">
-          <div class="right-title text-model">${item.title}</div>
-          <a class="arrow"></a>
+        <div class="item-content-bottom">
+          <div class="content-bottom-title text-title">${item.title}</div>
         </div>
-      </div>`;
+      </a>`;
           content.innerHTML += html;
         });
       }
@@ -93,7 +88,7 @@ let currentScreen = 0;
     border-radius: 16px;
     opacity: 1;
     margin-right: 24px;
-    padding: 0 24px 32px 24px;
+    padding: 0 1.5rem 1.5rem 1.5rem;
 
     .hotTutorial-header {
       height: 5rem;
@@ -110,27 +105,24 @@ let currentScreen = 0;
       margin-right: -1.5rem; /* 补偿右外边距的合并 */
 
       .item-content {
-        display: flex;
         flex: 0 0 calc(33.33% - 1.5rem); /* 每个元素占25%的宽度并减去1rem的右外边距 */
         margin-right: 1.5rem;
 
-        .item-content-left {
-          width: 45%;
-          height: 9.375rem;
+        .item-content-top {
+          height: 72%;
           img {
+            border-radius: 8px;
             width: 100%;
             height: 100%;
           }
         }
 
-        .item-content-right {
-          width: 55%;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          padding: 8px 0 8px 12px;
-          .right-title {
-            line-height: 1.5rem;
+        .item-content-bottom {
+          text-align: center;
+          padding-top: 12px;
+          .content-bottom-title {
+            font-size: 0.75rem;
+            line-height: 1.125rem;
           }
         }
         .arrow {
diff --git a/src/components/learning/HotTag.astro b/src/components/learning/HotTag.astro
index d4d0004..ebc7a2f 100644
--- a/src/components/learning/HotTag.astro
+++ b/src/components/learning/HotTag.astro
@@ -19,7 +19,7 @@ const { activeTag } = Astro.props;
   </div>
   <div>
     {
-      ALL_ARTICLE_TAG.map((item) => (
+      ALL_ARTICLE_TAG.filter((it) => it.type !== "baseLearn").map((item) => (
         <span class="inline-block mb-2">
           <BlogButton
             href={item.href}
diff --git a/src/components/learning/LearningData.astro b/src/components/learning/LearningData.astro
index 1cda60f..aec784e 100644
--- a/src/components/learning/LearningData.astro
+++ b/src/components/learning/LearningData.astro
@@ -11,7 +11,7 @@ const ifzh = isChinese(Astro);
 <div>
   <div class="learning-data-header">
     <h2 class="title text-model">
-      {t("learning.base.data")}
+      基础学习资料
     </h2>
   </div>
   <div class="learning-data-box bg-card">
diff --git a/src/constant.ts b/src/constant.ts
index 910cc32..b7854a8 100644
--- a/src/constant.ts
+++ b/src/constant.ts
@@ -605,21 +605,21 @@ export const SOLUTIONS_CARD_LIST = [
 // 基础学习资料
 export const BASE_LEARNDATA = [
   {
-    img: "https://img.alicdn.com/imgextra/i1/O1CN01Vlprkg1r3rR2EBRc0_!!6000000005576-2-tps-196-280.png",
+    img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png",
     title: "RocketMQ应用场景",
-    href: "",
+    href: "/learning/baseLearn/rocketmq_learning-scene/?source=home",
     target: "_self"
   },
   {
-    img: "https://img.alicdn.com/imgextra/i2/O1CN01tTadKz29AsaUxDMKK_!!6000000008028-2-tps-196-280.png",
+    img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png",
     title: "RocketMQ 原理和架构",
-    href: "",
+    href: "/learning/baseLearn/rocketmq_learning-framework/?source=home",
     target: "_self"
   },
   {
-    img: "https://img.alicdn.com/imgextra/i1/O1CN01vh3kef1ToX111kQat_!!6000000002429-2-tps-196-280.png",
+    img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png",
     title: "RocketMQ快速上手体验",
-    href: "",
+    href: "/learning/baseLearn/rocketmq_learning-fast/?source=home",
     target: "_self"
   },
 ];
@@ -814,16 +814,22 @@ export const ACTIVE_DATA = [
 
 export const LEARNING_DATA = [
   {
-    title: "基于 EventBridge API Destination 构建 SaaS 集成实践方案 ",
-    href: "",
+    img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png",
+    title: "RocketMQ应用场景",
+    href: "/learning/baseLearn/rocketmq_learning-scene/?source=learning",
+    target: "_self"
   },
   {
-    title: "基于 EventBridge API Destination 构建 SaaS 集成实践方案 ",
-    href: "",
+    img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png",
+    title: "RocketMQ 原理和架构",
+    href: "/learning/baseLearn/rocketmq_learning-framework/?source=learning",
+    target: "_self"
   },
   {
-    title: "基于 EventBridge API Destination 构建 SaaS 集成实践方案 ",
-    href: "",
+    img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png",
+    title: "RocketMQ快速上手体验",
+    href: "/learning/baseLearn/rocketmq_learning-fast/?source=learning",
+    target: "_self"
   },
 ]
 
@@ -899,6 +905,12 @@ export const ALL_ARTICLE_TAG = [
     title: "最佳实践",
     href: '/learning/bestPractice/'
   },
+  {
+    type: 'baseLearn',
+    title: "基础学习资料",
+    href: '/learning/baseLearn/'
+  },
+
 ];
 
 // 社区页tag
@@ -920,7 +932,7 @@ export const COMMUNITY_TAG = [
   },
 ];
 
-export const COMMUNITY_BANNER_DATA =   {
+export const COMMUNITY_BANNER_DATA = {
   tag: 'meetup',
   id: 'm1',
   time: "2021年8月",
@@ -1004,7 +1016,7 @@ export const COMMUNITY_DATA = [
         position:
           "就职于国信证券信息技术总部，目前负责国信技术中台的建设工作，目前专注于微服务架构、Serverless 技术",
       },
-    ],    
+    ],
     des: "RocketMQ x EventMesh Open Day 线上直播（五）",
     href: "/community/detail/m4/",
     source: "https://cloud.video.taobao.com/play/u/null/p/1/e/6/t/1/d/ud/355042453895.mp4",
@@ -1262,7 +1274,7 @@ export const COMMUNITY_DATA = [
     source: "https://vod-yq-aliyun.taobao.com/vod-7651a3/cdcd9c9ce45b44c4998b6c356b4c63e5/a7670d86c206609a62aa262bcde4746b-hd.mp4",
     img: "https://img.alicdn.com/imgextra/i1/O1CN01x19XWS1VhmGgUwy2S_!!6000000002685-0-tps-1920-1080.jpg"
   },
-    {
+  {
     tag: 'summit',
     id: 's6',
     time: "2022年7月22日",
@@ -1371,7 +1383,7 @@ export const EVENTS_PRODUCTS = [
     product: "RabbitMQ",
     hoverContent: {
       des: "⼀个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。",
-      clound:"https://www.aliyun.com/product/amqp"
+      clound: "https://www.aliyun.com/product/amqp"
     }
   },
   {
@@ -1379,7 +1391,7 @@ export const EVENTS_PRODUCTS = [
     product: "Kafka",
     hoverContent: {
       des: "广泛用于日志收集、监控数据聚合、流式数据处理、在线和离线分析等场景的分布式消息队列。",
-      clound:"https://www.aliyun.com/product/kafka"
+      clound: "https://www.aliyun.com/product/kafka"
     }
   },
   {
@@ -1390,7 +1402,7 @@ export const EVENTS_PRODUCTS = [
       github: "https://github.com/apache/rocketmq-eventbridge",
       api: "https://api.github.com/repos/apache/rocketmq-eventbridge",
       openSource: "https://rocketmq.apache.org/",
-      clound:"https://www.aliyun.com/product/aliware/eventbridge"
+      clound: "https://www.aliyun.com/product/aliware/eventbridge"
     }
   },
   {
@@ -1401,7 +1413,7 @@ export const EVENTS_PRODUCTS = [
       github: "https://github.com/apache/rocketmq-mqtt",
       api: "https://api.github.com/repos/apache/rocketmq-mqtt",
       openSource: "https://rocketmq.apache.org/",
-      clound:"https://www.aliyun.com/product/mq4iot"
+      clound: "https://www.aliyun.com/product/mq4iot"
     }
   },
   {
@@ -1412,7 +1424,7 @@ export const EVENTS_PRODUCTS = [
       github: "https://github.com/apache/rocketmq",
       api: "https://api.github.com/repos/apache/rocketmq",
       openSource: "https://rocketmq.apache.org/",
-      clound:"https://www.aliyun.com/product/rocketmq"
+      clound: "https://www.aliyun.com/product/rocketmq"
     }
   },
   {
@@ -1420,7 +1432,7 @@ export const EVENTS_PRODUCTS = [
     product: "MNS",
     hoverContent: {
       des: "MNS 是一款易集成、高并发、可弹性扩展的轻量消息队列服务。",
-      clound:"https://www.aliyun.com/product/mns"
+      clound: "https://www.aliyun.com/product/mns"
     }
   },
 ];
@@ -1432,7 +1444,7 @@ export const EVENT_PRODUCTS = [
     product: "云服务器",
     hoverContent: {
       des: "IaaS 级别云计算服务，实现计算资源的即开即用和弹性伸缩。",
-      clound:"https://www.aliyun.com/product/ecs"
+      clound: "https://www.aliyun.com/product/ecs"
     }
   },
   {
@@ -1440,7 +1452,7 @@ export const EVENT_PRODUCTS = [
     product: "对象存储",
     hoverContent: {
       des: "以非结构化格式存储和管理数据，如照片、视频、电子邮件、网页、传感器数据和音频文件等。",
-      clound:"https://www.aliyun.com/product/oss"
+      clound: "https://www.aliyun.com/product/oss"
     }
   },
   {
@@ -1448,7 +1460,7 @@ export const EVENT_PRODUCTS = [
     product: "云监控",
     hoverContent: {
       des: "针对云资源和互联网应用进行监控的服务。",
-      clound:"https://www.aliyun.com/product/jiankong"
+      clound: "https://www.aliyun.com/product/jiankong"
     }
   },
   {
@@ -1484,7 +1496,7 @@ export const COMPUTE_PRODUCTS = [
     product: "模型服务",
     hoverContent: {
       des: "通过灵活、易用的模型API服务，让AI开发者使用各种模态模型的能力。",
-      clound:"https://www.aliyun.com/product/bailian"
+      clound: "https://www.aliyun.com/product/bailian"
     }
   },
   {
@@ -1492,7 +1504,7 @@ export const COMPUTE_PRODUCTS = [
     product: "函数计算",
     hoverContent: {
       des: "事件驱动的全托管 Serverless 计算服务，只需编写上传代码，即可以弹性、可靠的方式运行代码。",
-      clound:"https://www.aliyun.com/product/fc"
+      clound: "https://www.aliyun.com/product/fc"
     }
   },
   {
@@ -1500,7 +1512,7 @@ export const COMPUTE_PRODUCTS = [
     product: "容器",
     hoverContent: {
       des: "基于容器编排引擎 Kubernetes 对容器化应用进行自动化部署、扩缩和全生命周期管理。",
-      clound:"https://www.aliyun.com/product/kubernetes"
+      clound: "https://www.aliyun.com/product/kubernetes"
     }
   },
 ];
@@ -1512,7 +1524,7 @@ export const SAVE_PRODUCTS = [
     product: "对象存储",
     hoverContent: {
       des: "以非结构化格式存储和管理数据，如照片、视频、电子邮件、网页、传感器数据和音频文件等。",
-      clound:"https://www.aliyun.com/product/oss"
+      clound: "https://www.aliyun.com/product/oss"
     }
   },
   {
@@ -1520,7 +1532,7 @@ export const SAVE_PRODUCTS = [
     product: "数据库",
     hoverContent: {
       des: "采用关系模型来组织数据，以行列形式存储数据，支持对结构化数据的复杂查询，同时保持数据的完整性和一致性。",
-      clound:"https://www.aliyun.com/product/polardb/mysql"
+      clound: "https://www.aliyun.com/product/polardb/mysql"
     }
   },
   {
@@ -1528,7 +1540,7 @@ export const SAVE_PRODUCTS = [
     product: "NoSQL",
     hoverContent: {
       des: "非关系型数据库，采用不同于关系表的格式存储数据，广泛应用于实时 Web 应用和大数据等。",
-      clound:"https://www.aliyun.com/product/redis"
+      clound: "https://www.aliyun.com/product/redis"
     }
   },
 ];
@@ -1540,7 +1552,7 @@ export const ANALYSIS_PRODUCTS = [
     product: "Flink",
     hoverContent: {
       des: "实时分布式的大数据处理引擎，支持数据流和批量数据的统一处理。",
-      clound:"https://www.aliyun.com/product/bigdata/sc"
+      clound: "https://www.aliyun.com/product/bigdata/sc"
     }
   },
   {
@@ -1548,7 +1560,7 @@ export const ANALYSIS_PRODUCTS = [
     product: "Spark",
     hoverContent: {
       des: "大规模数据并行处理引擎，对数据进行协处理、流式处理、交互式分析等。",
-      clound:"https://www.aliyun.com/product/emapreduce"
+      clound: "https://www.aliyun.com/product/emapreduce"
     }
   },
   {
@@ -1556,7 +1568,7 @@ export const ANALYSIS_PRODUCTS = [
     product: "Elastic Search",
     hoverContent: {
       des: "实时分布式的搜索与分析引擎，支持各种类型、规模的数据。",
-      clound:"https://www.aliyun.com/product/bigdata/elasticsearch"
+      clound: "https://www.aliyun.com/product/bigdata/elasticsearch"
     }
   },
 ];
@@ -1572,7 +1584,7 @@ export const SERVICE_PRODUCTS = [
       github: "https://github.com/alibaba/higress",
       api: "https://api.github.com/repos/alibaba/higress",
       openSource: "https://higress.io/",
-      clound:""
+      clound: ""
     }
   },
   {
@@ -1584,7 +1596,7 @@ export const SERVICE_PRODUCTS = [
       github: "https://github.com/apache/dubbo",
       api: "https://api.github.com/repos/apache/dubbo",
       openSource: "https://dubbo.apache.org/",
-      clound:""
+      clound: ""
     }
   },
   {
@@ -1596,7 +1608,7 @@ export const SERVICE_PRODUCTS = [
       github: "https://github.com/alibaba/Sentinel",
       api: "https://api.github.com/repos/alibaba/Sentinel",
       openSource: "https://sentinelguard.io/",
-      clound:"https://start.aliyun.com/"
+      clound: "https://start.aliyun.com/"
     }
   },
   {
@@ -1608,9 +1620,9 @@ export const SERVICE_PRODUCTS = [
       github: "https://github.com/seata/seata",
       api: "https://api.github.com/repos/seata/seata",
       openSource: "https://seata.io/",
-      clound:"https://start.aliyun.com/"
+      clound: "https://start.aliyun.com/"
     }
-  }, 
+  },
   {
     icon: 'https://img.alicdn.com/imgextra/i3/O1CN01gQxTvL1Jqgiaqt6In_!!6000000001080-2-tps-64-64.png',
     product: "Spring Cloud",
@@ -1620,9 +1632,9 @@ export const SERVICE_PRODUCTS = [
       github: "https://github.com/alibaba/spring-cloud-alibaba",
       api: "https://api.github.com/repos/alibaba/spring-cloud-alibaba",
       openSource: "https://sca.aliyun.com/",
-      clound:"https://start.aliyun.com/"
+      clound: "https://start.aliyun.com/"
     }
-  }, 
+  },
   {
     icon: 'https://img.alicdn.com/imgextra/i4/O1CN01Aq4aCt1cvhl6kOT5W_!!6000000003663-2-tps-86-40.png',
     product: "Nacos",
@@ -1632,7 +1644,7 @@ export const SERVICE_PRODUCTS = [
       github: "https://github.com/alibaba/nacos",
       api: "https://api.github.com/repos/alibaba/nacos",
       openSource: "https://nacos.io/",
-      clound:"https://start.aliyun.com/"
+      clound: "https://start.aliyun.com/"
     }
   },
 ];
diff --git a/src/content/blog/RocketMQ_Learning-fast.md b/src/content/blog/RocketMQ_Learning-fast.md
index 648c9dc..10af437 100644
--- a/src/content/blog/RocketMQ_Learning-fast.md
+++ b/src/content/blog/RocketMQ_Learning-fast.md
@@ -2,7 +2,7 @@
 title: "RocketMQ 快速上手体验"
 description: "介绍 Apache RocketMQ 的快速上手体验教程"
 date: "2024-07-24"
-img: "https://img.alicdn.com/imgextra/i2/O1CN01b7uXIi1bmFycwldBc_!!6000000003507-2-tps-498-220.png"
+img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png"
 tags: ["baseLearn"]
 author: "隆基"
 ---
diff --git a/src/content/blog/RocketMQ_Learning-framework.md b/src/content/blog/RocketMQ_Learning-framework.md
index 18775be..6e7315e 100644
--- a/src/content/blog/RocketMQ_Learning-framework.md
+++ b/src/content/blog/RocketMQ_Learning-framework.md
@@ -2,7 +2,7 @@
 title: "RocketMQ 原理和架构"
 description: "介绍 Apache RocketMQ 的核心原理和架构"
 date: "2024-07-24"
-img: "https://img.alicdn.com/imgextra/i2/O1CN01b7uXIi1bmFycwldBc_!!6000000003507-2-tps-498-220.png"
+img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png"
 tags: ["baseLearn"]
 author: "隆基"
 ---
diff --git a/src/content/blog/RocketMQ_Learning-scene.md b/src/content/blog/RocketMQ_Learning-scene.md
index 24d1e7e..c68bf80 100644
--- a/src/content/blog/RocketMQ_Learning-scene.md
+++ b/src/content/blog/RocketMQ_Learning-scene.md
@@ -2,7 +2,7 @@
 title: "RocketMQ 应用场景"
 description: "介绍 Apache RocketMQ 的应用场景"
 date: "2024-07-24"
-img: "https://img.alicdn.com/imgextra/i2/O1CN01b7uXIi1bmFycwldBc_!!6000000003507-2-tps-498-220.png"
+img: "https://img.alicdn.com/imgextra/i3/O1CN01QVMIVL1c2kEeAnvsG_!!6000000003543-2-tps-496-220.png"
 tags: ["baseLearn"]
 author: "隆基"
 ---
diff --git a/src/pages/learning/[...page].astro b/src/pages/learning/[...page].astro
index 6342119..55f608d 100644
--- a/src/pages/learning/[...page].astro
+++ b/src/pages/learning/[...page].astro
@@ -62,7 +62,7 @@ export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {
       </div>
       <div class="right-box">
         <LearningData />
-        <Recommendation />
+        <!-- <Recommendation /> -->
         <HotTag activeTag={"all"} />
       </div>
     </div>
diff --git a/src/pages/learning/[tag]/[...slug].astro b/src/pages/learning/[tag]/[...slug].astro
index 8da8220..efa6320 100644
--- a/src/pages/learning/[tag]/[...slug].astro
+++ b/src/pages/learning/[tag]/[...slug].astro
@@ -34,6 +34,7 @@ const blogArticle = {
   dynamic: "社区动态",
   ai: "AI",
   bestPractice: "最佳实践",
+  baseLearn: "基础学习资料"
 };
 
 type Props = CollectionEntry<"blog">;

From d96e7ab03e8f799ed338d023ab0c93d4cba64c6a Mon Sep 17 00:00:00 2001
From: weiyidan <wyd01104960@alibaba-inc.com>
Date: Wed, 24 Jul 2024 18:51:39 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat=EF=BC=9A=E7=AD=94=E7=96=91=E6=9C=BA?=
 =?UTF-8?q?=E5=99=A8=E4=BA=BA&=E5=A4=87=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Footer.astro       |   4 +-
 src/components/common/Header/index.astro | 107 ++++++++++++-----------
 src/components/home/Carousel.astro       |   2 +-
 3 files changed, 59 insertions(+), 54 deletions(-)

diff --git a/src/components/common/Footer.astro b/src/components/common/Footer.astro
index 8089a93..c03480a 100644
--- a/src/components/common/Footer.astro
+++ b/src/components/common/Footer.astro
@@ -87,10 +87,10 @@ import { SITE } from "@utils/config";
     >
       <img
         src="https://img.alicdn.com/imgextra/i1/O1CN01NhyZOt1ZEF2xEFUQu_!!6000000003162-1-tps-65-70.gif"
-        class="w-[23px] h-[23px]"
+        class="w-[25px] h-[25px]"
       />
     </a>
-    <div class="mr-2 ml-2 flex items-center">
+    <div class="mr-1 ml-2 flex items-center">
       <img
         src="https://img.alicdn.com/imgextra/i2/O1CN01mW5nke1nsSReBsHQw_!!6000000005145-2-tps-20-20.png"
         class="w-[20px] h-[20px]"
diff --git a/src/components/common/Header/index.astro b/src/components/common/Header/index.astro
index 8b65ccc..8929cac 100644
--- a/src/components/common/Header/index.astro
+++ b/src/components/common/Header/index.astro
@@ -62,15 +62,15 @@ let height,
         <!-- <LanguageToggle id="pc-toggle" lang={lang.toLowerCase()} theme="error"/> -->
         <!-- <SearchComp /> -->
         <LinkButton
-        href={SITE.githubUrl}
-        text="GITHUB"
-        theme="gray-02"
-        textTheme="title"
-        classes={{ 
-          container: "rounded-3xl bg-footer xl:h-[2.5rem] xl:min-h-[2.5rem]",
-          title: "text-header font-normal" 
-        }}
-      />
+          href={SITE.githubUrl}
+          text="GITHUB"
+          theme="gray-02"
+          textTheme="title"
+          classes={{
+            container: "rounded-3xl bg-footer xl:h-[2.5rem] xl:min-h-[2.5rem]",
+            title: "text-header font-normal",
+          }}
+        />
       </div>
     </div>
   </my-layout>
@@ -184,46 +184,51 @@ let height,
 </style>
 
 <script>
-  // function addCopilot() {
-  //   const copilotJSScript = document.createElement("script");
-  //   copilotJSScript.type = "text/javascript";
-  //   copilotJSScript.src =
-  //     "https://g.alicdn.com/cm-design/copilot-booter/0.0.26/copilot-booter.js";
-  //   copilotJSScript.addEventListener("load", function () {
-  //     if (window.CNPilot) {
-  //       window.CNPilot.mounted({
-  //         CNPilot_OPEN_SOURCE: ["sca.aliyun.com"],
-  //         CNPilot_OPEN_SOURCE_API: "https://ai.nacos.io",
-  //         CNPilot_OPEN_SOURCE_PRODUCT_NAME: "sca",
-  //         showFloatICON: true,
-  //         globalStyle: {
-  //           top: "0",
-  //           height: "100vh",
-  //         },
-  //         entryIconProps: {
-  //           "position-type": "updown",
-  //           "icon-hover-text": "专家答疑",
-  //           "icon-style": {
-  //             color: "red",
-  //             background: "white",
-  //             border: "2px solid red",
-  //             borderRadius: "20px",
-  //           },
-  //         },
-  //         headerProps: {
-  //           closeIcon: { show: true },
-  //           titleText: "AI答疑专家",
-  //         },
-  //       });
-  //     }
-  //   });
-  //   document.body.append(copilotJSScript);
-  // }
-
-  // addCopilot();
-
-  // document.addEventListener("astro:page-load", function () {
-  //   if (window.CNPilot) window.CNPilot.unmounted();
-  //   addCopilot();
-  // });
+  function addCopilot() {
+    const copilotJSScript = document.createElement("script");
+    copilotJSScript.type = "text/javascript";
+    copilotJSScript.src =
+      "//g.alicdn.com/cm-design/copilot-booter/0.0.26/copilot-booter.js";
+    copilotJSScript.addEventListener("load", function () {
+      if (window.CNPilot) {
+        window.CNPilot.mounted({
+          CNPilot_OPEN_SOURCE: [
+            "rocketmq-learning-ui.oss-cn-hangzhou.aliyuncs.com",
+          ], // 需要展示的开源网站
+          CNPilot_OPEN_SOURCE_API: "https://ai.nacos.io", // 需要使用的后端地址
+          CNPilot_OPEN_SOURCE_PRODUCT_NAME:
+            "rocketmq-learning-ui.oss-cn-hangzhou.aliyuncs.com",
+          showFloatICON: true, // 展示 icon 浮窗
+          globalStyle: {
+            // 弹窗外层样式（react style 写法）
+            top: "0px", // 默认置于浏览器顶部
+            height: "100vh", // 高度设置为浏览器可视最大高度
+          },
+          entryIconProps: {
+            // 入口 ICON 配置
+            "position-type": "updown",
+            "icon-hover-text": "专家答疑",
+            "icon-style": {
+              color: "red", // 配置文字颜色
+              background: "white", // 配置背景色
+              border: "2px solid red", // 配置边框
+              borderRadius: "20px", // 配置圆角
+            },
+          },
+          headerProps: {
+            titleText: "无疑 AI答疑专家", // 自定义 header 文字
+            closeIcon: { show: true }, // 展示 header 部分右边关闭按钮
+          },
+        });
+      }
+    });
+    document.body.append(copilotJSScript);
+  }
+
+  addCopilot();
+
+  document.addEventListener("astro:page-load", function () {
+    if (window.CNPilot) window.CNPilot.unmounted();
+    addCopilot();
+  });
 </script>
diff --git a/src/components/home/Carousel.astro b/src/components/home/Carousel.astro
index e759b2f..66968bd 100644
--- a/src/components/home/Carousel.astro
+++ b/src/components/home/Carousel.astro
@@ -23,7 +23,7 @@ const { duration = 5000, useduration = "disabled" } = Astro.props as Props;
     </div>
     <div class="carousel-item bg-[#1B1B1B]">
       <div
-        class="intro-pic bg-[url('https://img.alicdn.com/imgextra/i4/O1CN01WwanIZ28DnUnPBcrp_!!6000000007899-0-tps-2880-792.jpg')]"
+        class="intro-pic bg-[url('https://img.alicdn.com/imgextra/i1/O1CN01LgWjcp1LDPzuluiYp_!!6000000001265-0-tps-2880-792.jpg')]"
       >
         <slot name="next" />
       </div>