Improved descriptions for Markdown.

3colorr · Nov 4, 2024 · 300f157 · 300f157
1 parent 4b66152
commit 300f157
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 5 deletions.
diff --git a/content/en/features/index.md b/content/en/features/index.md
@@ -76,11 +76,18 @@ Please use a math textbook, the internet, or a scientific calculator.
 Mizuame supports some Markdown syntax.  
 This means that there are supported syntax elements as well as unsupported ones.  
 
+{{< figure src="/Mizuame-pages/images/demo-markdown.gif" title="" >}}
+
 When the "Markdown view feature" is enabled, notes opened from the menu bar are displayed in Markdown view. The Markdown view is for preview purposes only, and you cannot edit the notes in this view.  
 
-To edit a note, either click `"Edit" (the icon with a square and pen) in the menu bar`, or double-click on the margin of the Markdown view. Once you are finished editing and want to return to Markdown view, click `"Markdown View" (the icon with the letter M) `in the menu bar.  
+To edit a note, either click `"Edit" (the icon with a square and pen) in the menu bar`, or double-click on the margin of the Markdown view.   
 
-{{< figure src="/Mizuame-pages/images/demo-markdown.gif" title="" >}}
+{{< figure src="/Mizuame-pages/images/sample-markdown-menu-2.png" title="Edit icon" >}}
+{{< figure src="/Mizuame-pages/images/sample-markdown-double-click.png" title="double-click on the margin of the Markdown view" >}}
+
+Once you are finished editing and want to return to Markdown view, click `"Markdown View" (the icon with the letter M) `in the menu bar.  
+
+{{< figure src="/Mizuame-pages/images/sample-markdown-menu-1.png" title="Markdown View icon" >}}
 
 **Supported Markdown syntax**  
 {{< figure src="/Mizuame-pages/images/tab-help-markdown-syntax.png" title="Settings->Help Tab" >}}

diff --git a/content/ja/features/index.md b/content/ja/features/index.md
@@ -77,12 +77,19 @@ menu:
 # Markdown
 Mizuameは一部のMarkdown記法をサポートしています。  
 つまり、利用できる記法と利用できない記法があります。  
-
-「Markdownビュー機能」を有効にすると、メニューバーからノートを開いた際にMarkdownビューで表示されます。Markdownビューはプレビュー専用であり、ノートの編集はできません。編集を行うには、`メニューバーの「編集」（四角にペンのアイコン）`をクリックするか、Markdownビューの余白をダブルクリックしてください。  
+
+{{< figure src="/Mizuame-pages/images/demo-markdown.gif" title="" >}}
+
+「Markdownビュー機能」を有効にすると、メニューバーからノートを開いた際にMarkdownビューで表示されます。Markdownビューはプレビュー専用であり、ノートの編集はできません。  
+
+編集を行うには、`メニューバーの「編集」（四角にペンのアイコン）`をクリックするか、Markdownビューの余白をダブルクリックしてください。  
+
+{{< figure src="/Mizuame-pages/images/sample-markdown-menu-2.png" title="編集アイコン" >}}
+{{< figure src="/Mizuame-pages/images/sample-markdown-double-click.png" title="Markdownビューの余白をダブルクリックする" >}}
 
 編集が終わり再びMarkdownビューに戻るには、メニューバーの`「Markdownビュー」（Mの文字のアイコン）`をクリックします。  
 
-{{< figure src="/Mizuame-pages/images/demo-markdown.gif" title="" >}}
+{{< figure src="/Mizuame-pages/images/sample-markdown-menu-1.png" title="Markdownビューアイコン" >}}
 
 **サポートしているMarkdown記法** 
 {{< figure src="/Mizuame-pages/images/tab-help-markdown-syntax.png" title="設定->ヘルプタブ" >}}

diff --git a/static/images/sample-markdown-double-click.png b/static/images/sample-markdown-double-click.png
diff --git a/static/images/sample-markdown-menu-1.png b/static/images/sample-markdown-menu-1.png
diff --git a/static/images/sample-markdown-menu-2.png b/static/images/sample-markdown-menu-2.png