improve installation instruction (#5494)

Author: skshetry

content/docs/install/linux.md

@@ -136,8 +136,8 @@ $ sudo yum install dvc
 
 ### On Debian/Ubuntu
 
-[Download the debian package first](https://dvc.org/download/linux-deb/dvc-3.64.1).
-Then install it with `apt`:
+<downloadlink kind="linux-deb" />Download the debian package
+first.</downloadlink> Then install it with `apt`:
 
 ```cli
 $ sudo apt install ./dvc_0.62.1_amd64.deb
@@ -149,7 +149,7 @@ $ sudo apt install ./dvc_0.62.1_amd64.deb
 
 ### On Fedora/CentOS
 
-[Download the RPM package directly](https://dvc.org/download/linux-rpm/dvc-3.64.1).
+<downloadlink kind="linux-rpm" />Download the RPM package first.</downloadlink>
 Then install it with `yum`:
 
 ```cli

content/docs/install/macos.md

@@ -96,7 +96,7 @@ In this case it installs the `boto3` library along with DVC.
 
 ## Install from package
 
-[Download the macOS PKG installer directly](https://dvc.org/download/osx/dvc-3.64.1).
+<downloadlink kind="osx" />Download the macOS PKG installer.</downloadlink>
 
 > Note that currently, in order to open the PKG file, you must go to the
 > **Downloads** directory in Finder and do a

content/docs/install/windows.md

@@ -118,7 +118,8 @@ In this case it installs the `boto3` library along with DVC.
 ## Windows installer
 
 A quick option on Windows is to install DVC using the self-contained executable
-installer. [Download the latest version here][windows-installer-download-link].
+installer. <downloadlink kind="win"/>Download the latest Windows installer
+here.</downloadlink>
 
 You'll need to download and run the installer again each time you want to update
 DVC. You may use Windows Uninstaller to
@@ -128,5 +129,3 @@ DVC. You may use Windows Uninstaller to
 > they can use them to
 > [optimize DVC](/user-guide/data-management/large-dataset-optimization)
 > operations.
-
-[windows-installer-download-link]: https://dvc.org/download/win/dvc-3.64.1

packages/gatsby-theme/src/components/Documentation/Markdown/components/index.tsx

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react'
 
 import Slugger from '../../../../utils/front/Slugger'
-import { NoPreRedirectLink } from '../../../Link'
+import { DownloadLink, NoPreRedirectLink } from '../../../Link'
 import Admonition from '../Admonition'
 import { Tab, Toggle } from '../ToggleProvider'
 
@@ -20,5 +20,6 @@ export const getComponents = (slugger: Slugger) => ({
   toggle: Toggle,
   tab: Tab,
   admon: Admonition,
-  admonition: Admonition
+  admonition: Admonition,
+  downloadlink: DownloadLink
 })

packages/gatsby-theme/src/components/Link/index.tsx

@@ -19,6 +19,8 @@ const PROTOCOL_REGEXP = /^https?:\/\//
 const isRelative = (url: string): boolean => !PROTOCOL_REGEXP.test(url)
 const isMailto = (url: string): boolean => url.startsWith('mailto:')
 
+const VERSION = '3.64.2'
+
 const ResultLinkComponent: React.FC<ILinkProps> = ({
   href,
   children,
@@ -116,4 +118,13 @@ export const NoPreRedirectLink: React.FC<ILinkProps> = props => (
   </Link>
 )
 
+export const DownloadLink: React.FC<{
+  kind: string
+  children: React.ReactNode
+}> = ({ kind, children }) => (
+  <Link href={`${mainSiteUrls.home}/download/${kind}/dvc-${VERSION}`}>
+    {children}
+  </Link>
+)
+
 export default Link