add 21yunbox deployment (#554)

Co-authored-by: Travis Reynolds <[email protected]>
Co-authored-by: Travis Reynolds <[email protected]>

Author: ChaoChaoChao

docs/deploy-to-21yunbox.md

@@ -0,0 +1,47 @@
+# Deploying to 21YunBox
+
+[21YunBox](https://www.21yunbox.com) provides blazing fast Chinese CDN, [continuous deployment](/docs/glossary/continuous-deployment), one-click HTTPS and [other services like managed databases and backend web services](https://www.21yunbox.com/docs/v2/index.html), providing an avenue to launch web projects in China.
+
+21YunBox includes the following features:
+
+- Continuous, automatic builds & deploys from GitHub and Gitee
+- Automatic SSL certificates through [Let's Encrypt](https://letsencrypt.org)
+- Instant cache invalidation with a blazing fast, Chinese CDN
+- Unlimited [custom domains](https://www.21yunbox.com/docs/v2/custom-domains.html)
+- Automatic [Brotli compression](https://en.wikipedia.org/wiki/Brotli) for faster sites
+- Native HTTP/2 support
+- Automatic HTTP → HTTPS redirects
+- Custom URL redirects and rewrites
+
+## Prerequisites
+
+This guide assumes you already have a Gatsby project to deploy. If you need a project, use the [quick Start](/docs/quick-start) to get started or fork 21YunBox's [Gatsby Example](https://github.com/tobyglei/gatsby) before continuing.
+
+## Setup
+
+You can set up a Gatsby site on 21YunBox in two quick steps:
+
+1. Create a new web service on 21YunBox, and give 21YunBox permission to access your GitHub or Gitee repo.
+2. Use the following values during creation:
+
+   |                       |                                                  |
+   | --------------------- | ------------------------------------------------ |
+   | **Environment**       | `Static Site`                                    |
+   | **Build Command**     | `yarn && yarn build` (or your own build command) |
+   | **Publish Directory** | `./public` (or your own output directory)        |
+
+That's it! Your site will be live on your 21YunBox URL (which looks like `yoursite.21yunbox.com`) as soon as the build is done.
+
+## Continuous deploys
+
+Now that 21YunBox is connected to your repo, it will automatically build and publish your site any time you push to GitHub.
+
+## 21YunBox CDN and cache invalidation
+
+21YunBox hosts your site on a Chinese, blazing fast CDN which ensures the fastest possible download times for all your users across China.
+
+Every deploy automatically and instantly invalidates the CDN cache, so your users can always access the latest content on your site.
+
+## Custom domains
+
+Add your own domains to your site easily using 21YunBox's [custom domains](https://www.21yunbox.com/docs/v2/custom-domains.html) guide.

src/components/home/HomeHowItWorkSimple.vue

@@ -44,7 +44,7 @@
       <Card title="Deploy">
         <h4>Static Web Hosts & CDNs</h4>
         <p>
-          <g-link to="/docs/deploy-to-netlify/">Netlify</g-link>, <g-link to="/docs/deploy-to-amplify/">AWS Amplify</g-link>, <g-link to="/docs/deploy-to-vercel/">Vercel</g-link>, <g-link to="/docs/deploy-to-amazon-s3/">Amazon S3</g-link>, <g-link to="/docs/deploy-to-surge-sh/">Surge.sh</g-link>, Aerobatic & many more.
+          <g-link to="/docs/deploy-to-netlify/">Netlify</g-link>, <g-link to="/docs/deploy-to-amplify/">AWS Amplify</g-link>, <g-link to="/docs/deploy-to-vercel/">Vercel</g-link>, <g-link to="/docs/deploy-to-amazon-s3/">Amazon S3</g-link>, <g-link to="/docs/deploy-to-surge-sh/">Surge.sh</g-link>, Aerobatic, <g-link to="/docs/deploy-to-21yunbox/">21YunBox</g-link> & many more.
         </p>
 
         <ul class="bullet-list mb">

src/components/home/HomeHowItWorks.vue

@@ -87,7 +87,7 @@
 
       <Card class="text-center container-mini mb">
         <h4>Static Web Hosts</h4>
-        <p> <g-link to="/docs/deploy-to-netlify/">Netlify</g-link>, <g-link to="/docs/deploy-to-amplify/">AWS Amplify</g-link>, <g-link to="/docs/deploy-to-vercel/">Vercel</g-link>, <g-link to="/docs/deploy-to-amazon-s3/">Amazon S3</g-link>, Surge.sh, Aerobatic, Now.sh & many more.</p>
+        <p> <g-link to="/docs/deploy-to-netlify/">Netlify</g-link>, <g-link to="/docs/deploy-to-amplify/">AWS Amplify</g-link>, <g-link to="/docs/deploy-to-vercel/">Vercel</g-link>, <g-link to="/docs/deploy-to-amazon-s3/">Amazon S3</g-link>, Surge.sh, Aerobatic, Now.sh, <g-link to="/docs/deploy-to-21yunbox/">21YunBox</g-link> & many more.</p>
       </Card>
 
       <p class="home-links text-center">

src/data/doc-links.yaml

@@ -120,6 +120,8 @@
       link: /docs/deploy-to-google/
     - title: Surge.sh
       link: /docs/deploy-to-surge-sh/
+    - title: 21YunBox
+      link: /docs/deploy-to-21yunbox/
     - title: Azure Static Web Apps
       link: /docs/deploy-to-az-static-web-app/