From 6a125b391e849d470fe8238e921047401d0fd9aa Mon Sep 17 00:00:00 2001
From: Jason Lee <huacnlee@gmail.com>
Date: Wed, 26 Feb 2025 15:26:22 +0800
Subject: [PATCH] chore: Update example images in Markdown and HTML examples.
 (#664)

---
 crates/story/examples/html.html   | 21 +++++++++++++++++----
 crates/story/examples/markdown.md |  6 ++++++
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/crates/story/examples/html.html b/crates/story/examples/html.html
index c04033fb..c636cca9 100644
--- a/crates/story/examples/html.html
+++ b/crates/story/examples/html.html
@@ -10,6 +10,12 @@
             >, <strong>bold</strong>, <em>italic</em>, and
             <code>code</code> text.
         </p>
+        <p>
+            <img
+                src="https://is1-ssl.mzstatic.com/image/thumb/avICmr1PbBRB-PAeplGreA/1378x774.jpg"
+                height="400px"
+            />
+        </p>
         <div>
             <p>This is second paragraph.</p>
         </div>
@@ -81,10 +87,17 @@
     <section>
         <h2>Images</h2>
         <img
-            src="https://www.rust-lang.org/logos/rust-logo-blk.svg"
-            alt="Rust"
-            width="100"
-            height="100"
+            src="https://is1-ssl.mzstatic.com/image/thumb/5tQkYfzU9bSMUol0GajO4w/1378x774.jpg"
+            height="400px"
+        />
+        <p>
+            (A Tesla Model X on display at the June 2024 Shanghai new energy
+            vehicle show. Image credit: CnEVPost)
+        </p>
+        <h3>SVG</h3>
+        <img
+            src="https://miro.medium.com/v2/resize:fit:1400/format:webp/1*-Y9ozbNWSViiCmal1TT32w.jpeg"
+            width="100%"
         />
         Text before the image.
         <img
diff --git a/crates/story/examples/markdown.md b/crates/story/examples/markdown.md
index 2522e787..e3f204d6 100644
--- a/crates/story/examples/markdown.md
+++ b/crates/story/examples/markdown.md
@@ -7,6 +7,8 @@ This is first paragraph, there have **BOLD**, _italic_, and ~strikethrough~, `co
 
 This is an additional demonstration paragraph in English demonstrating more content for [Markdown GFM](https://github.github.com/gfm/). It includes various stylistic elements and plain text.
 
+![Img](https://miro.medium.com/v2/resize:fit:1400/format:webp/1*WgEz5f3n3lD7MfC7NeQGOA.jpeg)
+
 ---
 
 这是一个中文演示段落，用于展示更多的 [Markdown GFM](https://github.github.com/gfm/) 内容。您可以在此尝试使用使用**粗体**、*斜体*和`代码`等样式。これは日本語のデモ段落です。Markdown の多言語サポートを示すためのテキストが含まれています。例えば、、**ボールド**、_イタリック_、および`コード`のスタイルなどを試すことができます。
@@ -17,6 +19,10 @@ Here is a link to [Google](https://www.google.com), and another to [Rust](https:
 
 ### Images
 
+![](https://miro.medium.com/v2/resize:fit:1400/format:webp/0*fCBw3AjH4o9SO03D)
+
+#### SVG
+
 ![Rust](https://www.rust-lang.org/logos/rust-logo-blk.svg)
 
 ### HTML