diff --git a/src/animations.scss b/src/animations.scss
index a7ac1c8ee..b569c8c00 100644
--- a/src/animations.scss
+++ b/src/animations.scss
@@ -4,7 +4,7 @@
   }
 
   to {
-    top: 0
+    top: var(--top, 0px)
   }
 }
 
diff --git a/src/components/button/index.jsx b/src/components/button/index.jsx
index eccfcd7bf..16c36fc6a 100644
--- a/src/components/button/index.jsx
+++ b/src/components/button/index.jsx
@@ -4,16 +4,16 @@ import arrowIcon from '../../images/icon_arrow.png'
 import './index.scss';
 
 // 鼠标悬停箭头往右上角走的效果
-export const slidingArrowButton = ({href="/", name="探索更多内容", classname="font-16 font-bd", imageSrc}) =>{
-  return <Link to={href} className={`slidingArrowButton ${classname}`}>
+export const slidingArrowButton = ({href="/", name="探索更多内容", classname="font-16 font-bd", imageSrc, target="_self"}) =>{
+  return <Link to={href} className={`slidingArrowButton ${classname}`} target={target}>
     {name}
     <span className="arrowIconBox"><img src={imageSrc || arrowIcon} className="arrowIcon"/></span>
   </Link>
 }
 
 // 鼠标悬停文本往上翻滚，再加背景光从左往右
-export const rollingButton = ({href="/", name="了解更多", hoverName="了解更多", classname="mt20"}) =>{
-  return <a className={`rollingButton ${classname}`} href={href}>
+export const rollingButton = ({href="/", name="了解更多", hoverName="了解更多", classname="mt20", target="_self"}) =>{
+  return <a className={`rollingButton ${classname}`} href={href} target={target}>
     <span>{name}</span>
     <span>{hoverName}</span>
   </a>
diff --git a/src/forge/Main/projecthome/v2/components/communityDynamic.jsx b/src/forge/Main/projecthome/v2/components/communityDynamic.jsx
index e5f4f4e45..5ad8a6bc2 100644
--- a/src/forge/Main/projecthome/v2/components/communityDynamic.jsx
+++ b/src/forge/Main/projecthome/v2/components/communityDynamic.jsx
@@ -58,7 +58,7 @@ const CommunityDynamic = ({isVisible}) => {
           <p className="opacity8 font-16 task-hide-2 line-normal mt5" title={firstByList1.summary}>
             {firstByList1.summary}
           </p>
-          {rollingButton({href: `/news/${firstByList1.id}`})}
+          {rollingButton({href: `/news/${firstByList1.id}`, target:"_blank"})}
         </div>
 
         {/* 新闻列表 */}
@@ -66,7 +66,7 @@ const CommunityDynamic = ({isVisible}) => {
           {list1.slice(1,5).map((item, index) => (
             <Fragment key={index}>
               <div className="news-item-v2">
-                <Link title={item.name} to={`/news/${item.id}`}>
+                <Link title={item.name} to={`/news/${item.id}`} target="_blank">
                   <HoverUnderline classname='font-20 font-bd task-hide'>
                     {item.name}
                   </HoverUnderline>
@@ -90,7 +90,7 @@ const CommunityDynamic = ({isVisible}) => {
                 {list2_home.map((item, index) => (
                   <li key={index} className={`activity-item-v2 df activity-section-item ${activeId === index ? 'activity-section-item-active' : ''}`}>
                     <span className="font-16 flex1 AlignCenter">
-                      <Link to={`/news/${item.id}`} className="title-border-to-right-icon task-hide" title={item.summary}>{item.summary}</Link>
+                      <Link to={`/news/${item.id}`} className="title-border-to-right-icon task-hide" title={item.summary} target="_blank">{item.summary}</Link>
                       {index === 1 && <span className="hot-tag color-white ml5">HOT</span>}
                     </span>
                     {/* <span className="opacity8 font-15">{moment(item.publishTime).format('MM月DD日')}</span> */}
@@ -126,7 +126,7 @@ const CommunityDynamic = ({isVisible}) => {
       </div>
 
       <div className='center pt30'>
-        {slidingArrowButton({ href: '/news' })}
+        {slidingArrowButton({ href: '/news', target: "_blank" })}
       </div>
     </div>
   );
diff --git a/src/forge/Main/projecthome/v2/components/forum.jsx b/src/forge/Main/projecthome/v2/components/forum.jsx
index 5bd67288d..611ea79b3 100644
--- a/src/forge/Main/projecthome/v2/components/forum.jsx
+++ b/src/forge/Main/projecthome/v2/components/forum.jsx
@@ -86,7 +86,7 @@ const ForumExchange = () => {
           ))}
         </div>
         <div className='center mt40 mt-8'>
-          {slidingArrowButton({href:"/forums", classname:"font-16 font-bd color-white", imageSrc: icon_arrow1})}
+          {slidingArrowButton({href:"/forums", classname:"font-16 font-bd color-white", imageSrc: icon_arrow1, target: "_blank"})}
         </div>
       </div>
     </div>
diff --git a/src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx b/src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx
index b74e92d94..a3aba64d1 100644
--- a/src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx
+++ b/src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx
@@ -70,7 +70,7 @@ const OpenSourceCollaboration = ({isVisible}) => {
                 </div>
               ))}
             </div>
-            {rollingButton({href: `/projects`, classname: 'mt10 white'})}
+            {rollingButton({href: `/projects`, classname: 'mt10 white', target:"_blank"})}
           </div>
 
           <div className="right-panel">
diff --git a/src/forge/Main/projecthome/v2/components/softwareFactory.jsx b/src/forge/Main/projecthome/v2/components/softwareFactory.jsx
index 7689bf4d3..a60a40cc3 100644
--- a/src/forge/Main/projecthome/v2/components/softwareFactory.jsx
+++ b/src/forge/Main/projecthome/v2/components/softwareFactory.jsx
@@ -41,7 +41,7 @@ function SoftwareFactory() {
               <div className='font-16'>极速模式聚焦任务 - 代码 - 制品，助力软件研发快速响应、<br />实现极致效率</div>
             </div>
           </div>
-          {rollingButton({href: `/sf`, classname: 'mt70'})}
+          {rollingButton({href: `/sf`, classname: 'mt70', target:"_blank"})}
         </div>
         <div className='flex1'>
           <img src={active === 1 ? img11 : img12} alt='' />
diff --git a/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx b/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx
index db2b2f2f1..12d17d787 100644
--- a/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx
+++ b/src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx
@@ -81,7 +81,7 @@ const SupplyChainGovernance = () => {
       </div>
 
       <div className='center mt40 mt-8'>
-        {slidingArrowButton({href:"/governance"})}
+        {slidingArrowButton({href:"/governance", target: "_blank"})}
       </div>
     </div>
   );