Switch the Github star and fork buttons on the front page (#626)

tsunghanjacktsai · tsaitsung-han.tht · web-flow · commit b022f8254ca2 · 2024-02-23T15:21:40.000+08:00
Co-authored-by: tsaitsung-han.tht &lt;tsaitsung-han.tht@alibaba-inc.com&gt;
diff --git a/src/pages/components/Hero.js b/src/pages/components/Hero.js
@@ -13,21 +13,15 @@ export default function Hero(){
             <Translate id="rmq_intro">RocketMQ 5.0：云原生“消息、事件、流”实时数据处理平台，覆盖云边端一体化数据处理场景</Translate>
           </p>
           <div className={clsx('container',styles.github)}>
-            <iframe
-              src="https://ghbtns.com/github-btn.html?user=apache&repo=rocketmq&type=star&count=true&size=large"
-              width="170"
-              height="30"
-              frameBorder="0"
-              scrolling="0"
-            ></iframe>
-            <iframe
-              src="https://ghbtns.com/github-btn.html?user=apache&repo=rocketmq&type=fork&count=true&size=large"
-              frameBorder="0"
-              scrolling="0"
-              width="170"
-              height="30"
-              title="GitHub"
-            ></iframe>
+            <a class="github-button" href="https://github.com/apache/rocketmq"
+              data-color-scheme="no-preference: light; light: light; dark: light;"
+              data-icon="octicon-star" data-size="large"
+              data-show-count="true" aria-label="Star apache/rocketmq on GitHub">Star</a>
+            &nbsp;&nbsp;
+            <a class="github-button" href="https://github.com/apache/rocketmq/fork"
+              data-color-scheme="no-preference: light; light: light; dark: light;"
+              data-icon="octicon-repo-forked" data-size="large" data-show-count="true"
+              aria-label="Fork apache/rocketmq on GitHub">Fork</a>
           </div>
 
           <div className={styles.buttons}>
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -24,7 +24,7 @@ function Home() {
       description={`${siteConfig.tagline}`}
     >
       <Head>
-        <meta http-equiv="Content-Security-Policy" content="frame-src *" />
+        <script async defer src="https://buttons.github.io/buttons.js"></script>
       </Head>
       <Hero/>
       <main>

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ function Home() {`
`24`	`24`	description={`${siteConfig.tagline}`}
`25`	`25`	`>`
`26`	`26`	`<Head>`
`27`		`- <meta http-equiv="Content-Security-Policy" content="frame-src *" />`
	`27`	`+ <script async defer src="https://buttons.github.io/buttons.js"></script>`
`28`	`28`	`</Head>`
`29`	`29`	`<Hero/>`
`30`	`30`	`<main>`