diff --git a/public/images/heo/20231108a540b2862d26f8850172e4ea58ed075102.webp b/public/images/heo/20231108a540b2862d26f8850172e4ea58ed075102.webp
new file mode 100644
index 00000000..31fa34c8
Binary files /dev/null and b/public/images/heo/20231108a540b2862d26f8850172e4ea58ed075102.webp differ
diff --git a/public/images/heo/20231ca53fa0b09a3ff1df89acd7515e9516173302.webp b/public/images/heo/20231ca53fa0b09a3ff1df89acd7515e9516173302.webp
new file mode 100644
index 00000000..0cde7cf2
Binary files /dev/null and b/public/images/heo/20231ca53fa0b09a3ff1df89acd7515e9516173302.webp differ
diff --git a/public/images/heo/202328bbee0b314297917b327df4a704db5c072402.webp b/public/images/heo/202328bbee0b314297917b327df4a704db5c072402.webp
new file mode 100644
index 00000000..341c67a1
Binary files /dev/null and b/public/images/heo/202328bbee0b314297917b327df4a704db5c072402.webp differ
diff --git a/public/images/heo/20233e777652412247dd57fd9b48cf997c01070702.webp b/public/images/heo/20233e777652412247dd57fd9b48cf997c01070702.webp
new file mode 100644
index 00000000..6da52167
Binary files /dev/null and b/public/images/heo/20233e777652412247dd57fd9b48cf997c01070702.webp differ
diff --git a/public/images/heo/20235c0731cd4c0c95fc136a8db961fdf963071502.webp b/public/images/heo/20235c0731cd4c0c95fc136a8db961fdf963071502.webp
new file mode 100644
index 00000000..c76fccb4
Binary files /dev/null and b/public/images/heo/20235c0731cd4c0c95fc136a8db961fdf963071502.webp differ
diff --git a/public/images/heo/202372b4d760fd8a497d442140c295655426070302.webp b/public/images/heo/202372b4d760fd8a497d442140c295655426070302.webp
new file mode 100644
index 00000000..8f6e6fa5
Binary files /dev/null and b/public/images/heo/202372b4d760fd8a497d442140c295655426070302.webp differ
diff --git a/public/images/heo/20237359d71b45ab77829cee5972e36f8c30073902.webp b/public/images/heo/20237359d71b45ab77829cee5972e36f8c30073902.webp
new file mode 100644
index 00000000..7d9a69ec
Binary files /dev/null and b/public/images/heo/20237359d71b45ab77829cee5972e36f8c30073902.webp differ
diff --git a/public/images/heo/2023786e7fc488f453d5fb2be760c96185c0075502.webp b/public/images/heo/2023786e7fc488f453d5fb2be760c96185c0075502.webp
new file mode 100644
index 00000000..667b0cb7
Binary files /dev/null and b/public/images/heo/2023786e7fc488f453d5fb2be760c96185c0075502.webp differ
diff --git a/public/images/heo/20237c548846044a20dad68a13c0f0e1502f074602.webp b/public/images/heo/20237c548846044a20dad68a13c0f0e1502f074602.webp
new file mode 100644
index 00000000..221d36f2
Binary files /dev/null and b/public/images/heo/20237c548846044a20dad68a13c0f0e1502f074602.webp differ
diff --git a/public/images/heo/20239df3f66615b532ce571eac6d14ff21cf072602.webp b/public/images/heo/20239df3f66615b532ce571eac6d14ff21cf072602.webp
new file mode 100644
index 00000000..8a4c0240
Binary files /dev/null and b/public/images/heo/20239df3f66615b532ce571eac6d14ff21cf072602.webp differ
diff --git a/public/images/heo/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.webp b/public/images/heo/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.webp
new file mode 100644
index 00000000..53376d3a
Binary files /dev/null and b/public/images/heo/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.webp differ
diff --git a/public/images/heo/2023e4058a91608ea41751c4f102b131f267075902.webp b/public/images/heo/2023e4058a91608ea41751c4f102b131f267075902.webp
new file mode 100644
index 00000000..36f479fa
Binary files /dev/null and b/public/images/heo/2023e4058a91608ea41751c4f102b131f267075902.webp differ
diff --git a/public/images/heo/2023f76570d2770c8e84801f7e107cd911b5073202.webp b/public/images/heo/2023f76570d2770c8e84801f7e107cd911b5073202.webp
new file mode 100644
index 00000000..f94947e3
Binary files /dev/null and b/public/images/heo/2023f76570d2770c8e84801f7e107cd911b5073202.webp differ
diff --git a/public/images/heo/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.webp b/public/images/heo/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.webp
new file mode 100644
index 00000000..da3e93d1
Binary files /dev/null and b/public/images/heo/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.webp differ
diff --git a/themes/heo/components/Hero.js b/themes/heo/components/Hero.js
index b6979531..0b9d405a 100644
--- a/themes/heo/components/Hero.js
+++ b/themes/heo/components/Hero.js
@@ -76,8 +76,8 @@ function Banner(props) {
   return <div id='banners' onClick={handleClickBanner} className="group h-full bg-white dark:bg-[#1e1e1e] rounded-xl border dark:border-gray-700 mb-3 relative hidden xl:flex xl:flex-col overflow-hidden">
 
         <div id='banner-title' className='flex flex-col absolute top-10 left-10'>
-            <div className='text-4xl font-bold mb-3  dark:text-white'>分享编程<br />与思维认知</div>
-            <div className='text-xs text-gray-600  dark:text-gray-200'>TANGLY1024.COM</div>
+            <div className='text-4xl font-bold mb-3  dark:text-white'>{CONFIG.HERO_TITLE_1}<br/>{CONFIG.HERO_TITLE_2}</div>
+            <div className='text-xs text-gray-600  dark:text-gray-200'>{CONFIG.HERO_TITLE_3}</div>
         </div>
 
         {/* 斜向滚动的图标 */}
@@ -123,24 +123,24 @@ function TagsGroupBar() {
 }
 
 /**
- * 英雄区左下角3个分类按钮
+ * 英雄区左下角3个指定分类按钮
  * @returns
  */
 function GroupMenu() {
   return (
         <div className="h-[165px] select-none  xl:h-20 flex flex-col w-48 justify-between xl:space-y-0 xl:flex-row xl:w-full xl:flex-nowrap xl:space-x-3">
-            <Link href="/tag/必看精选" className="group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
+            <Link href={CONFIG.HERO_CATEGORY_1?.url} className="group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
                 <div className="font-bold text-lg pl-5 relative -mt-2">
-                    必看精选
+                    {CONFIG.HERO_CATEGORY_1?.title}
                     <span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
                 </div>
                 <div className='absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
                     <i class="fa-solid fa-star text-4xl"></i>
                 </div>
             </Link>
-            <Link href="/tag/热门文章" className="group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
+            <Link href={CONFIG.HERO_CATEGORY_2?.url} className="group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
                 <div className="font-bold text-lg pl-5 relative -mt-2">
-                    热门文章
+                {CONFIG.HERO_CATEGORY_2?.title}
                     <span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
                 </div>
                 <div className='absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
@@ -148,9 +148,9 @@ function GroupMenu() {
                 </div>
             </Link>
             {/* 第三个标签在小屏上不显示 */}
-            <Link href="/tag/实用教程" className="group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
+            <Link href={CONFIG.HERO_CATEGORY_3?.url} className="group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
                 <div className="font-bold text-lg pl-5 relative -mt-2">
-                    实用教程
+                {CONFIG.HERO_CATEGORY_3?.title}
                     <span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
                 </div>
                 <div className='absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
@@ -204,8 +204,8 @@ function TodayCard({ cRef }) {
   const [isCoverUp, setIsCoverUp] = useState(true)
 
   /**
-                     * 外部可以调用此方法
-                     */
+     * 外部可以调用此方法
+     */
   useImperativeHandle(cRef, () => {
     return {
       coverUp: () => {
@@ -224,9 +224,9 @@ function TodayCard({ cRef }) {
   }
 
   /**
-                   * 点击卡片跳转的链接
-                   * @param {*} e
-                   */
+     * 点击卡片跳转的链接
+     * @param {*} e
+     */
   function handleCardClick(e) {
     router.push('https://tangly1024.com')
   }
@@ -235,8 +235,8 @@ function TodayCard({ cRef }) {
         <div id='card-body' onClick={handleCardClick} className={`${isCoverUp ? 'opacity-100 cursor-pointer' : 'opacity-0 transform scale-110 pointer-events-none'} shadow transition-all duration-200 today-card h-full bg-[#0E57D5] rounded-xl relative overflow-hidden flex items-end`}>
             <div id='today-card-info' className='z-10 flex justify-between w-full relative text-white p-10 items-end'>
                 <div className='flex flex-col'>
-                    <div className='text-xs font-light'>新版上线</div>
-                    <div className='text-3xl font-bold'>NotionNext4.0 轻松定制主题</div>
+                    <div className='text-xs font-light'>{CONFIG.HERO_TITLE_4}</div>
+                    <div className='text-3xl font-bold'>{CONFIG.HERO_TITLE_5}</div>
                 </div>
                 <div onClick={handleClickMore} className={`'${isCoverUp ? '' : 'hidden pointer-events-none '} flex items-center px-3 h-10 justify-center bg-[#425aef] hover:bg-[#4259efcb] transition-colors duration-100 rounded-3xl`}>
                     <PlusSmall className={'w-6 h-6 mr-2 bg-white rounded-full stroke-indigo-400'} />
diff --git a/themes/heo/config.js b/themes/heo/config.js
index 215d1479..58c36968 100644
--- a/themes/heo/config.js
+++ b/themes/heo/config.js
@@ -35,58 +35,58 @@ const CONFIG = {
   GROUP_ICONS: [
     {
       title_1: 'AfterEffect',
-      img_1: 'https://p.zhheo.com/20239df3f66615b532ce571eac6d14ff21cf072602.png!cover',
+      img_1: '/images/heo/20239df3f66615b532ce571eac6d14ff21cf072602.webp',
       color_1: '#989bf8',
       title_2: 'Sketch',
-      img_2: 'https://p.zhheo.com/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.png!cover',
+      img_2: '/images/heo/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.webp',
       color_2: '#ffffff'
     },
     {
       title_1: 'Docker',
-      img_1: 'https://p.zhheo.com/20231108a540b2862d26f8850172e4ea58ed075102.png!cover',
+      img_1: '/images/heo/20231108a540b2862d26f8850172e4ea58ed075102.webp',
       color_1: '#57b6e6',
       title_2: 'Photoshop',
-      img_2: 'https://p.zhheo.com/2023e4058a91608ea41751c4f102b131f267075902.png!cover',
+      img_2: '/images/heo/2023e4058a91608ea41751c4f102b131f267075902.webp',
       color_2: '#4082c3'
     },
     {
       title_1: 'FinalCutPro',
-      img_1: 'https://p.zhheo.com/20233e777652412247dd57fd9b48cf997c01070702.png!cover',
+      img_1: '/images/heo/20233e777652412247dd57fd9b48cf997c01070702.webp',
       color_1: '#ffffff',
       title_2: 'Python',
-      img_2: 'https://p.zhheo.com/20235c0731cd4c0c95fc136a8db961fdf963071502.png!cover',
+      img_2: '/images/heo/20235c0731cd4c0c95fc136a8db961fdf963071502.webp',
       color_2: '#ffffff'
     },
     {
       title_1: 'Swift',
-      img_1: 'https://p.zhheo.com/202328bbee0b314297917b327df4a704db5c072402.png!cover',
+      img_1: '/images/heo/202328bbee0b314297917b327df4a704db5c072402.webp',
       color_1: '#eb6840',
       title_2: 'Principle',
-      img_2: 'https://p.zhheo.com/2023f76570d2770c8e84801f7e107cd911b5073202.png!cover',
+      img_2: '/images/heo/2023f76570d2770c8e84801f7e107cd911b5073202.webp',
       color_2: '#8f55ba'
     },
     {
       title_1: 'illustrator',
-      img_1: 'https://p.zhheo.com/20237359d71b45ab77829cee5972e36f8c30073902.png!cover',
+      img_1: '/images/heo/20237359d71b45ab77829cee5972e36f8c30073902.webp',
       color_1: '#f29e39',
       title_2: 'CSS3',
-      img_2: 'https://p.zhheo.com/20237c548846044a20dad68a13c0f0e1502f074602.png!cover',
+      img_2: '/images/heo/20237c548846044a20dad68a13c0f0e1502f074602.webp',
       color_2: '#2c51db'
     },
     {
       title_1: 'JS',
-      img_1: 'https://p.zhheo.com/2023786e7fc488f453d5fb2be760c96185c0075502.png!cover',
+      img_1: '/images/heo/2023786e7fc488f453d5fb2be760c96185c0075502.webp',
       color_1: '#f7cb4f',
       title_2: 'HTML',
-      img_2: 'https://p.zhheo.com/202372b4d760fd8a497d442140c295655426070302.png!cover',
+      img_2: '/images/heo/202372b4d760fd8a497d442140c295655426070302.webp',
       color_2: '#e9572b'
     },
     {
       title_1: 'Git',
-      img_1: 'https://p.zhheo.com/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.png!cover',
+      img_1: '/images/heo/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.webp',
       color_1: '#df5b40',
       title_2: 'Rhino',
-      img_2: 'https://p.zhheo.com/20231ca53fa0b09a3ff1df89acd7515e9516173302.png!cover',
+      img_2: '/images/heo/20231ca53fa0b09a3ff1df89acd7515e9516173302.webp',
       color_2: '#1f1f1f'
     }
   ],