From 988351f0851486c4fbb8a166856780aa253bc005 Mon Sep 17 00:00:00 2001 From: xiaomage Date: Mon, 19 Oct 2026 14:16:59 +0800 Subject: [PATCH] docs: split homepage installation into Self Host and Cloud Provider sections --- content/de/index.mdx | 34 +++++++++++++++++ content/en/index.mdx | 34 +++++++++++++++++ content/fr/index.mdx | 34 +++++++++++++++++ content/ja/index.mdx | 34 +++++++++++++++++ content/zh/index.mdx | 34 +++++++++++++++++ press.config.tsx | 3 +- src/app.css | 27 +++++++++++++ src/components/brand-logo.tsx | 71 ++++++++++++++++++++++++++++++++++- 8 files changed, 269 insertions(+), 2 deletions(-) diff --git a/content/de/index.mdx b/content/de/index.mdx index 067bce374..ddc2b6fcc 100644 --- a/content/de/index.mdx +++ b/content/de/index.mdx @@ -16,6 +16,8 @@ description: "Installieren Sie RustFS unter Linux, in Containern, auf Kubernetes +

Self-Hosting

+
@@ -80,4 +82,36 @@ description: "Installieren Sie RustFS unter Linux, in Containern, auf Kubernetes
+ +

Cloud-Provider

+ +
+ + + + Auf Sealos bereitstellen + RustFS mit einem Klick aus dem Sealos App Store bereitstellen, inklusive verwaltetem HTTPS und persistentem Speicher. + + + + + + + Auf Elestio bereitstellen + Vollständig verwaltetes RustFS auf dedizierten VMs mit automatischen Backups, SSL und Monitoring. + + +
diff --git a/content/en/index.mdx b/content/en/index.mdx index 670fbdbb9..9b9c775a1 100644 --- a/content/en/index.mdx +++ b/content/en/index.mdx @@ -16,6 +16,8 @@ description: "Install RustFS on Linux, containers, Kubernetes, macOS, or Windows +

Self Host

+
@@ -80,4 +82,36 @@ description: "Install RustFS on Linux, containers, Kubernetes, macOS, or Windows
+ +

Cloud Provider

+ +
+ + + + Deploy on Sealos + One-click RustFS deployment from the Sealos App Store, with managed HTTPS and persistent storage. + + + + + + + Deploy on Elestio + Fully managed RustFS on dedicated VMs with automated backups, SSL, and monitoring. + + +
diff --git a/content/fr/index.mdx b/content/fr/index.mdx index 65eb941c4..a6756cc82 100644 --- a/content/fr/index.mdx +++ b/content/fr/index.mdx @@ -16,6 +16,8 @@ description: "Installez RustFS sous Linux, dans des conteneurs, sur Kubernetes, +

Auto-hébergement

+
@@ -80,4 +82,36 @@ description: "Installez RustFS sous Linux, dans des conteneurs, sur Kubernetes,
+ +

Fournisseurs cloud

+ +
+ + + + Déployer sur Sealos + Déployez RustFS en un clic depuis l’App Store de Sealos, avec HTTPS et stockage persistants gérés. + + + + + + + Déployer sur Elestio + RustFS entièrement géré sur des VM dédiées, avec sauvegardes automatiques, SSL et supervision. + + +
diff --git a/content/ja/index.mdx b/content/ja/index.mdx index a13e60ae7..c6193e059 100644 --- a/content/ja/index.mdx +++ b/content/ja/index.mdx @@ -15,6 +15,8 @@ description: "Linux、コンテナ、Kubernetes、macOS、Windows に RustFS を +

セルフホスト

+
@@ -79,4 +81,36 @@ description: "Linux、コンテナ、Kubernetes、macOS、Windows に RustFS を
+ +

クラウドプロバイダー

+ +
+ + + + Sealos にデプロイ + Sealos アプリストアからワンクリックで RustFS をデプロイ。HTTPS と永続ストレージを管理対象に含みます。 + + + + + + + Elestio にデプロイ + 専用 VM 上のフルマネージド RustFS。自動バックアップ、SSL、監視を提供します。 + + +
diff --git a/content/zh/index.mdx b/content/zh/index.mdx index 0a89c821b..5b97b8b0b 100644 --- a/content/zh/index.mdx +++ b/content/zh/index.mdx @@ -15,6 +15,8 @@ description: "了解如何安装、配置、管理和维护 RustFS。" +

自托管

+
@@ -79,4 +81,36 @@ description: "了解如何安装、配置、管理和维护 RustFS。"
+ +

云服务商

+ +
+ + + + 在 Sealos 上部署 + 通过 Sealos 应用商店一键部署 RustFS，自带托管的 HTTPS 与持久化存储。 + + + + + + + 在 Elestio 上部署 + 由 Elestio 全托管的 RustFS，运行在独立虚拟机上，附带自动备份、SSL 与监控。 + + +
diff --git a/press.config.tsx b/press.config.tsx index 117c124db..09ed77957 100644 --- a/press.config.tsx +++ b/press.config.tsx @@ -15,7 +15,7 @@ import { docs } from "./.source/server"; import { BrandLogo } from "./src/components/brand-logo"; import { Mermaid } from "./src/components/mermaid"; import { Tab, Tabs } from "./src/components/tabs"; -import { ArrowRight } from "lucide-react"; +import { ArrowRight, ArrowUpRight } from "lucide-react"; import { localSearchPlugin } from "./src/plugins/local-search"; import LocalSearchDialog from "./src/components/local-search-dialog"; @@ -338,6 +338,7 @@ gtag('config', 'G-TWW7WMTWL9');`, Tabs, BrandLogo, ArrowRight, + ArrowUpRight, }; }, }), diff --git a/src/app.css b/src/app.css index 4d116ddae..73f77a191 100644 --- a/src/app.css +++ b/src/app.css @@ -76,6 +76,17 @@ article:has(.rustfs-install-home) > h1 + p + div { margin-bottom: 2.75rem; } +.rustfs-install-heading { + margin: 0 0 1.25rem; + font-size: 1.375rem; + font-weight: 650; + line-height: 1.4; +} + +.rustfs-install-grid + .rustfs-install-heading { + margin-top: 2.75rem; +} + .rustfs-install-lede { margin: 0; color: var(--color-fd-muted-foreground); @@ -187,6 +198,14 @@ article:has(.rustfs-install-home) > h1 + p + div { --rustfs-brand-color: #0078d4; } +.rustfs-install-icon--sealos { + --rustfs-brand-color: #6378ff; +} + +.rustfs-install-icon--elestio { + --rustfs-brand-color: #f28e1e; +} + .rustfs-install-copy { display: flex; min-width: 0; @@ -218,6 +237,14 @@ article:has(.rustfs-install-home) > h1 + p + div { transform: translateX(0.2rem); } +.rustfs-install-card--external .rustfs-install-arrow { + margin-top: 0.25rem; +} + +.rustfs-install-card--external:hover .rustfs-install-arrow { + transform: translate(0.15rem, -0.15rem); +} + @media (max-width: 48rem) { article:has(.rustfs-install-home) > h1 { font-size: 2.5rem; diff --git a/src/components/brand-logo.tsx b/src/components/brand-logo.tsx index 6b9a6d847..bcf222971 100644 --- a/src/components/brand-logo.tsx +++ b/src/components/brand-logo.tsx @@ -3,13 +3,82 @@ import { FaApple, FaLinux, FaWindows } from "react-icons/fa6"; import { SiDocker, SiHelm, SiKubernetes, SiPodman } from "react-icons/si"; +// Brand marks for providers that are not covered by react-icons. Both are the +// official logo artwork from sealos.io and elest.io, reduced to the icon glyph +// and kept on gradient fills so they render correctly in light and dark themes. + +function SealosLogo() { + return ( + + ); +} + +function ElestioLogo() { + return ( + + ); +} + const logos = { apple: FaApple, docker: SiDocker, + elestio: ElestioLogo, helm: SiHelm, kubernetes: SiKubernetes, linux: FaLinux, podman: SiPodman, + sealos: SealosLogo, windows: FaWindows, } as const; @@ -17,4 +86,4 @@ export function BrandLogo({ name }: { name: keyof typeof logos }) { const Logo = logos[name]; return