Step 1: Create a Project Wiki
Navigate to Azure DevOps:
Go to Azure DevOps and sign inwith your credentials.
Select Your Project:
Choose Project1 from your list of projects.
Create a Wiki:
In the left-hand menu, select Wiki.
Click on Create project wiki.
Enter the name Wiki1 and click Create.
Step 2: Add Mermaid Syntax to Render a Diagram
Open the Wiki Page:
Navigate to the newly created Wiki1.
Edit the Wiki Page:
Click on Edit to start editing the wiki page.
Insert Mermaid Diagram:
Use the following Mermaid syntax to render a diagram. For example, to render a simple flowchart, you canuse:
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
Save the Page:
Click on Save to save your changes.
Step 3: Render the TCP Handshake Diagram
Convert TCPHandshake.png to Mermaid Syntax:
Since you have a sample diagram in C:\Resources\TCPHandshake.png, you need to convert this diagram into Mermaid syntax. Here’s an example of how a TCP handshake might look in Mermaid syntax:
```mermaid
sequenceDiagram
participant Client
participant Server
Client->>Server: SYN
Server-->>Client: SYN-ACK
Client->>Server: ACK
Add the Diagram to the Wiki:
Replace the sample Mermaid syntax with the TCP handshake diagram syntax in the wiki page.
Save the Page:
Click on Save to save your changes.
By following these steps, you will have created a project wiki named Wiki1 and used Mermaid syntax to render a diagram
