From 2b4ceda93775296d35b6d8b3b4b7d09c5a88a583 Mon Sep 17 00:00:00 2001 From: Neil Cuzon <58763315+NeilCuzon@users.noreply.github.com> Date: Sun, 15 Nov 2020 03:19:28 -0800 Subject: [PATCH] Update n00b-gettingStarted.md --- docs/n00b-gettingStarted.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/docs/n00b-gettingStarted.md b/docs/n00b-gettingStarted.md index 9e6b1c1a5..5cb2baaeb 100644 --- a/docs/n00b-gettingStarted.md +++ b/docs/n00b-gettingStarted.md @@ -30,15 +30,17 @@ In the `Code` section one can write or edit raw mermaid code, and instantly `Pre For some popular video tutorials on the live editor go to [Overview](/overview/n00b-overview.md). -![Flowchart](/img/n00b-liveEditor.png) +![Flowchart](./img/DiagramDefinition.png) **Notes:** You can also click "Copy Markdown" to copy the markdown code for the diagram, that can then be pasted directly into your documentation. -![Flowchart](/img/liveEditorOptions.png) +![Flowchart](./img/DownloadChoices.png) -The `Mermaid configuration` is for controlling mermaid behaviour. An easy introduction to mermaid configuration is found in the [Advanced usage](n00b-advanced.md) section. A complete configuration reference cataloguing default values is found on the [mermaidAPI](Setup.md) page. +The `Mermaid configuration` is for configuring the appearance and behavior of mermaid diagrams. An easy introduction to mermaid configuration is found in the [Advanced usage](./n00b-advanced.md) section. A complete configuration reference cataloguing default values is found on the [mermaidAPI](Setup.md) page. + +![Flowchart](./img/Configuration.png) ## 2. Using mermaid plugins: @@ -63,7 +65,7 @@ a. A reference for fetching the online mermaid renderer, which is written in Jav b. The mermaid code for the diagram we want to create. -c. The `mermaid.initialize()` API call to start the rendering process. +c. The `mermaid.initialize()` call to start the rendering process. ## This is what needs to go into the html file (and all of them are important), for the mermaidAPI to render the diagrams: