docs(website): switch images to cdn urls and remove all image binaries (

#6235)
web-infra-dev · Apr 15, 2024 · c97a784 · c97a784
1 parent 0023877
commit c97a784
Show file tree

Hide file tree

Showing 11 changed files with 7 additions and 17 deletions.
diff --git a/website/docs/en/blog/announcing-0.2.mdx b/website/docs/en/blog/announcing-0.2.mdx
@@ -2,8 +2,6 @@
 date: 2023-06-02 13:11:00
 ---
 
-import benchmark from '../../public/benchmark.jpeg';
-
 # Announcing Rspack 0.2
 
 > June 02, 2023
@@ -207,7 +205,7 @@ With the help of [Rosa](https://rosa.be/), [Nx](https://nx.dev/), and [Valor](ht
 
 Added a benchmark comparison with esbuild. Please refer to the following link for more details: https://github.com/web-infra-dev/performance-compare
 
-<img src={benchmark} alt="benchmark"></img>
+<img src="https://raw.githubusercontent.com/web-infra-dev/performance-compare/main/assets/benchmark.png" alt="benchmark"></img>
 
 ## Dev guide
 

diff --git a/website/docs/en/index.md b/website/docs/en/index.md
@@ -7,9 +7,8 @@ hero:
   name: Rspack
   text: A fast Rust-based web bundler
   tagline: Build a high-performance frontend toolchain
-  # TODO logo
   image:
-    src: /logo.png
+    src: https://assets.rspack.dev/rspack/rspack-logo.svg
     alt: logo
   actions:
     - theme: brand

diff --git a/website/docs/en/misc/branding.mdx b/website/docs/en/misc/branding.mdx
@@ -1,5 +1,3 @@
-import Logo from '../../public/logo.png';
-
 # Branding Guideline
 
 Here you can find the branding guideline, assets and license for the project.
@@ -12,7 +10,7 @@ When used standalone, Rspack should always be written as Rspack, not rspack or R
 
 Rspack logo is a small crab as fast as lightning, representing fast compilation of Rspack.
 
-<img src={Logo} alt="Rspack Logo" style={{ width: '300px' }} />
+<img src="https://assets.rspack.dev/rspack/rspack-logo.svg" alt="Rspack Logo" style={{ width: '300px' }} />
 
 ## Design Resources
 

diff --git a/website/docs/public/benchmark.jpeg b/website/docs/public/benchmark.jpeg
diff --git a/website/docs/public/compare.png b/website/docs/public/compare.png
diff --git a/website/docs/public/logo.png b/website/docs/public/logo.png
diff --git a/website/docs/public/rsbuild.png b/website/docs/public/rsbuild.png
diff --git a/website/docs/zh/blog/announcing-0.2.mdx b/website/docs/zh/blog/announcing-0.2.mdx
@@ -2,8 +2,6 @@
 date: 2023-06-02 13:11:00
 ---
 
-import benchmark from '../../public/benchmark.jpeg';
-
 # Rspack 0.2 发布公告
 
 > 2023 年 6 月 2 日
@@ -204,7 +202,7 @@ Rspack 0.2 已经完成了对 vue-loader 的兼容。对于 Vue3 项目，你可
 
 添加与 esbuild 对比的 benchmark https://github.com/web-infra-dev/performance-compare
 
-<img src={benchmark} alt="benchmark"></img>
+<img src="https://raw.githubusercontent.com/web-infra-dev/performance-compare/main/assets/benchmark.png" alt="benchmark"></img>
 
 ## 开发指南
 

diff --git a/website/docs/zh/misc/branding.mdx b/website/docs/zh/misc/branding.mdx
@@ -1,5 +1,3 @@
-import Logo from '../../public/logo.png';
-
 # 品牌指南
 
 在这里你可以找到 Rspack 的品牌指南、资源和许可证。
@@ -12,7 +10,7 @@ Rspack 在独立使用的情况下都应该写作 Rspack，而不是 rspack 或
 
 Rspack 的 Logo 是一个如闪电一样迅速的小螃蟹，代表了 Rspack 的快速编译。
 
-<img src={Logo} alt="Rspack Logo" style={{ width: '300px' }} />
+<img src="https://assets.rspack.dev/rspack/rspack-logo.svg" alt="Rspack Logo" style={{ width: '300px' }} />
 
 ## 设计资源
 

diff --git a/website/rspress.config.ts b/website/rspress.config.ts
@@ -584,7 +584,7 @@ export default defineConfig({
         type: 'website',
         url: PUBLISH_URL,
         image:
-          'https://sf16-sg.tiktokcdn.com/obj/eden-sg/geh7plsnuhog/rspack/rspack-banner.png',
+          'https://assets.rspack.dev/rspack/rspack-banner.png',
         description: 'Fast Rust-based Web Bundler',
         twitter: {
           site: '@rspack_dev',

diff --git a/website/theme/components/HomeHero/index.tsx b/website/theme/components/HomeHero/index.tsx
@@ -1,7 +1,6 @@
 import { Button } from 'rspress/theme';
 import { normalizeHrefInRuntime } from 'rspress/runtime';
 import styles from './index.module.scss';
-import logoImg from '../../../docs/public/logo.png';
 
 export interface Hero {
   name: string;
@@ -61,7 +60,7 @@ export function HomeHero({ hero }: { hero: Hero }) {
         {hasImage ? (
           <div className="modern-doc-home-hero-image m-auto flex-center md:none lg:flex order-1 md:order-2">
             <div className={styles.imgMask}></div>
-            <img src={logoImg} alt={hero.image?.alt} />
+            <img src="https://assets.rspack.dev/rspack/rspack-logo.svg" alt={hero.image?.alt} />
           </div>
         ) : null}
       </div>