fix: homepage link 404 (#1870)

Author: guoqqqi

website/src/components/ArrowAnim.tsx

@@ -1,12 +1,14 @@
 import type { FC } from 'react';
 import React from 'react';
 import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 import Translate from '@docusaurus/Translate';
 
 const ArrowAnim: FC = () => (
   <Link
-    href="/blog"
+    target="_parent"
+    to={useBaseUrl('/blog/')}
     className="btn-docs"
   >
     <div className="goto">

website/src/components/sections/Endcta.tsx

@@ -4,6 +4,7 @@ import Link from '@docusaurus/Link';
 import Translate from '@docusaurus/Translate';
 import { LazyLoadImage } from 'react-lazy-load-image-component';
 import useWindowType from '@theme/hooks/useWindowSize';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import ArrowAnim from '../ArrowAnim';
 import style from '../../css/landing-sections/endcta.module.scss';
 
@@ -27,7 +28,7 @@ const EndCTA: FC = () => {
         )}
       </p>
       <div className={style.links}>
-        <Link href="/docs/apisix/getting-started" className="btn btn-download">
+        <Link target="_parent" to={useBaseUrl('docs/apisix/getting-started')} className="btn btn-download">
           <Translate id="hero.component.download.btn">Getting Started</Translate>
         </Link>
         <ArrowAnim />

website/src/components/sections/HeroSection.tsx

@@ -5,6 +5,7 @@ import Translate from '@docusaurus/Translate';
 
 import BrowserOnly from '@docusaurus/BrowserOnly';
 import useWindowType from '@theme/hooks/useWindowSize';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import ArrowAnim from '../ArrowAnim';
 import '../../css/landing-sections/hero.scss';
 
@@ -46,7 +47,7 @@ const HeroSection: FC = () => (
         </Translate>
       </h3>
       <div className="hero-ctas">
-        <Link href="/docs/apisix/getting-started" className="btn btn-download">
+        <Link target="_parent" to={useBaseUrl('docs/apisix/getting-started')} className="btn btn-download">
           <Translate id="hero.component.download.btn">Getting Started</Translate>
         </Link>
         <ArrowAnim />