diff --git a/samples/seed/articles/markdown.md b/samples/seed/articles/markdown.md index 95a570a9137..0558f7cf7fd 100644 --- a/samples/seed/articles/markdown.md +++ b/samples/seed/articles/markdown.md @@ -166,3 +166,13 @@ REST API content, independent of platform... --- ``` + +## Details + +
+Demo + +``` +root@server# apt-get install nano +``` +
diff --git a/templates/modern/src/markdown.ts b/templates/modern/src/markdown.ts index f18075d2cd5..5ff87610609 100644 --- a/templates/modern/src/markdown.ts +++ b/templates/modern/src/markdown.ts @@ -176,7 +176,7 @@ function renderLinks() { */ function renderCodeCopy() { document.querySelectorAll('pre>code').forEach(code => { - if (code.innerText.trim().length === 0) { + if (code.textContent.trim().length === 0) { return } diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/api/toc.pdf.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/api/toc.pdf.verified.json index 2f999b8027f..9173a77688a 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/api/toc.pdf.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/api/toc.pdf.verified.json @@ -7398,33 +7398,6 @@ } } }, - { - "Goto": { - "PageNumber": 80, - "Type": 2, - "Coordinates": { - "Top": 0 - } - } - }, - { - "Goto": { - "PageNumber": 80, - "Type": 2, - "Coordinates": { - "Top": 0 - } - } - }, - { - "Goto": { - "PageNumber": 80, - "Type": 2, - "Coordinates": { - "Top": 0 - } - } - }, { "Goto": { "PageNumber": 58, diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/markdown.html.view.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/markdown.html.view.verified.json index af80695b42e..031cf1dc26b 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/markdown.html.view.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/markdown.html.view.verified.json @@ -1,5 +1,5 @@ { - "conceptual": "\n

Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine.

\n

Link to Math Expressions

\n

Block Quotes

\n
\n

This is a block quote.

\n
\n

Alerts

\n
\n
Note
\n

Information the user should notice even if skimming.

\n
\n
\n
Tip
\n

Optional information to help a user be more successful.

\n
\n
\n
Important
\n

Essential information required for user success.

\n
\n
\n
Caution
\n

Negative potential consequences of an action.

\n
\n
\n
Warning
\n

Dangerous certain consequences of an action.

\n
\n
\n
MY TODO
\n

This is a TODO.

\n
\n

Image

\n

\"alt-text\"

\n

Mermaid Diagrams

\n

Flowchart

\n
flowchart LR\n\nA[Hard] -->|Text| B(Round)\nB --> C{Decision}\nC -->|One| D[Result 1]\nC -->|Two| E[Result 2]\n
\n

Code Snippet

\n

The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file.

\n
using System;\nusing Azure;\nusing Azure.Storage;\nusing Azure.Storage.Blobs;\n\nclass Program\n{\n    static void Main(string[] args)\n    {\n        // Define the connection string for the storage account\n        string connectionString = "DefaultEndpointsProtocol=https;AccountName=<your-account-name>;AccountKey=<your-account-key>;EndpointSuffix=core.windows.net";\n\n        // Create a new BlobServiceClient using the connection string\n        var blobServiceClient = new BlobServiceClient(connectionString);\n\n        // Create a new container\n        var container = blobServiceClient.CreateBlobContainer("mycontainer");\n\n        // Upload a file to the container\n        using (var fileStream = File.OpenRead("path/to/file.txt"))\n        {\n            container.UploadBlob("file.txt", fileStream);\n        }\n\n        // Download the file from the container\n        var downloadedBlob = container.GetBlobClient("file.txt").Download();\n        using (var fileStream = File.OpenWrite("path/to/downloaded-file.txt"))\n        {\n            downloadedBlob.Value.Content.CopyTo(fileStream);\n        }\n    }\n}\n

Math Expressions

\n

This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\)

\n

The Cauchy-Schwarz Inequality

\n

\\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\)

\n

This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\)

\n

To split $100 in half, we calculate \\(100/2\\)

\n

Custom Syntax Highlighting

\n
resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = {\n  name: 'hello'\n  // (...)\n}\n
\n

Tabs

\n
\n\n
\n\n

Content for Linux...

\n
\n\n
\n\n

The above tab group was created with the following syntax:

\n
# [Linux](#tab/linux)\n\nContent for Linux...\n\n# [Windows](#tab/windows)\n\nContent for Windows...\n\n---\n
\n

Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows:

\n
# [Tab Display Name](#tab/tab-id)\n
\n

A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected.

\n

Dependent tabs

\n

It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action:

\n
\n\n
\n\n

.NET content for Linux...

\n
\n\n\n\n\n
\n\n

Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done:

\n
# [.NET](#tab/dotnet/linux)\n\n.NET content for Linux...\n\n# [.NET](#tab/dotnet/windows)\n\n.NET content for Windows...\n\n# [TypeScript](#tab/typescript/linux)\n\nTypeScript content for Linux...\n\n# [TypeScript](#tab/typescript/windows)\n\nTypeScript content for Windows...\n\n# [REST API](#tab/rest)\n\nREST API content, independent of platform...\n\n---\n
\n", + "conceptual": "\n

Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine.

\n

Link to Math Expressions

\n

Block Quotes

\n
\n

This is a block quote.

\n
\n

Alerts

\n
\n
Note
\n

Information the user should notice even if skimming.

\n
\n
\n
Tip
\n

Optional information to help a user be more successful.

\n
\n
\n
Important
\n

Essential information required for user success.

\n
\n
\n
Caution
\n

Negative potential consequences of an action.

\n
\n
\n
Warning
\n

Dangerous certain consequences of an action.

\n
\n
\n
MY TODO
\n

This is a TODO.

\n
\n

Image

\n

\"alt-text\"

\n

Mermaid Diagrams

\n

Flowchart

\n
flowchart LR\n\nA[Hard] -->|Text| B(Round)\nB --> C{Decision}\nC -->|One| D[Result 1]\nC -->|Two| E[Result 2]\n
\n

Code Snippet

\n

The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file.

\n
using System;\nusing Azure;\nusing Azure.Storage;\nusing Azure.Storage.Blobs;\n\nclass Program\n{\n    static void Main(string[] args)\n    {\n        // Define the connection string for the storage account\n        string connectionString = "DefaultEndpointsProtocol=https;AccountName=<your-account-name>;AccountKey=<your-account-key>;EndpointSuffix=core.windows.net";\n\n        // Create a new BlobServiceClient using the connection string\n        var blobServiceClient = new BlobServiceClient(connectionString);\n\n        // Create a new container\n        var container = blobServiceClient.CreateBlobContainer("mycontainer");\n\n        // Upload a file to the container\n        using (var fileStream = File.OpenRead("path/to/file.txt"))\n        {\n            container.UploadBlob("file.txt", fileStream);\n        }\n\n        // Download the file from the container\n        var downloadedBlob = container.GetBlobClient("file.txt").Download();\n        using (var fileStream = File.OpenWrite("path/to/downloaded-file.txt"))\n        {\n            downloadedBlob.Value.Content.CopyTo(fileStream);\n        }\n    }\n}\n

Math Expressions

\n

This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\)

\n

The Cauchy-Schwarz Inequality

\n

\\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\)

\n

This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\)

\n

To split $100 in half, we calculate \\(100/2\\)

\n

Custom Syntax Highlighting

\n
resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = {\n  name: 'hello'\n  // (...)\n}\n
\n

Tabs

\n
\n\n
\n\n

Content for Linux...

\n
\n\n
\n\n

The above tab group was created with the following syntax:

\n
# [Linux](#tab/linux)\n\nContent for Linux...\n\n# [Windows](#tab/windows)\n\nContent for Windows...\n\n---\n
\n

Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows:

\n
# [Tab Display Name](#tab/tab-id)\n
\n

A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected.

\n

Dependent tabs

\n

It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action:

\n
\n\n
\n\n

.NET content for Linux...

\n
\n\n\n\n\n
\n\n

Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done:

\n
# [.NET](#tab/dotnet/linux)\n\n.NET content for Linux...\n\n# [.NET](#tab/dotnet/windows)\n\n.NET content for Windows...\n\n# [TypeScript](#tab/typescript/linux)\n\nTypeScript content for Linux...\n\n# [TypeScript](#tab/typescript/windows)\n\nTypeScript content for Windows...\n\n# [REST API](#tab/rest)\n\nREST API content, independent of platform...\n\n---\n
\n

Details

\n
\nDemo\n
root@server# apt-get install nano\n
\n
\n", "type": "Conceptual", "source": { "remote": { @@ -27,7 +27,7 @@ "pdfTocPage": true, "rawTitle": "

Markdown

", "title": "Markdown", - "wordCount": 581.0, + "wordCount": 587.0, "_key": "articles/markdown.md", "_navKey": "~/toc.yml", "_navPath": "toc.html", diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/seed.pdf.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/seed.pdf.verified.json index bcf4827d0ec..9204b4660af 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/seed.pdf.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/articles/seed.pdf.verified.json @@ -262,7 +262,7 @@ }, { "Number": 19, - "Text": "19It's possible to make the selection in one set of tabs dependent on the selection in anotherset of tabs. Here's an example of that in action:.NETTypeScriptREST APINotice how changing the Linux/Windows selection above changes the content in the .NETand TypeScript tabs. This is because the tab group defines two versions for each .NET andTypeScript, where the Windows/Linux selection above determines which version is shownfor .NET/TypeScript. Here's the markup that shows how this is done:.NET content for Linux...# [.NET](#tab/dotnet/linux).NET content for Linux...# [.NET](#tab/dotnet/windows).NET content for Windows...# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", + "Text": "19It's possible to make the selection in one set of tabs dependent on the selection in anotherset of tabs. Here's an example of that in action:.NETTypeScriptREST APINotice how changing the Linux/Windows selection above changes the content in the .NETand TypeScript tabs. This is because the tab group defines two versions for each .NET andTypeScript, where the Windows/Linux selection above determines which version is shownfor .NET/TypeScript. Here's the markup that shows how this is done:DetailsDemo.NET content for Linux...# [.NET](#tab/dotnet/linux).NET content for Linux...# [.NET](#tab/dotnet/windows).NET content for Windows...# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", "Links": [ { "Goto": { diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/index.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/index.verified.json index b65c3fdc648..9fd745f5255 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/index.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/index.verified.json @@ -557,7 +557,7 @@ "articles/markdown.html": { "href": "articles/markdown.html", "title": "Markdown | docfx seed website", - "keywords": "Markdown Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine. Link to Math Expressions Block Quotes This is a block quote. Alerts Note Information the user should notice even if skimming. Tip Optional information to help a user be more successful. Important Essential information required for user success. Caution Negative potential consequences of an action. Warning Dangerous certain consequences of an action. MY TODO This is a TODO. Image Mermaid Diagrams Flowchart flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Code Snippet The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file. using System; using Azure; using Azure.Storage; using Azure.Storage.Blobs; class Program { static void Main(string[] args) { // Define the connection string for the storage account string connectionString = \"DefaultEndpointsProtocol=https;AccountName=;AccountKey=;EndpointSuffix=core.windows.net\"; // Create a new BlobServiceClient using the connection string var blobServiceClient = new BlobServiceClient(connectionString); // Create a new container var container = blobServiceClient.CreateBlobContainer(\"mycontainer\"); // Upload a file to the container using (var fileStream = File.OpenRead(\"path/to/file.txt\")) { container.UploadBlob(\"file.txt\", fileStream); } // Download the file from the container var downloadedBlob = container.GetBlobClient(\"file.txt\").Download(); using (var fileStream = File.OpenWrite(\"path/to/downloaded-file.txt\")) { downloadedBlob.Value.Content.CopyTo(fileStream); } } } Math Expressions This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\) The Cauchy-Schwarz Inequality \\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\) This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\) To split $100 in half, we calculate \\(100/2\\) Custom Syntax Highlighting resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = { name: 'hello' // (...) } Tabs Linux Windows Content for Linux... Content for Windows... The above tab group was created with the following syntax: # [Linux](#tab/linux) Content for Linux... # [Windows](#tab/windows) Content for Windows... --- Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows: # [Tab Display Name](#tab/tab-id) A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected. Dependent tabs It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action: .NET .NET TypeScript TypeScript REST API .NET content for Linux... .NET content for Windows... TypeScript content for Linux... TypeScript content for Windows... REST API content, independent of platform... flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done: # [.NET](#tab/dotnet/linux) .NET content for Linux... # [.NET](#tab/dotnet/windows) .NET content for Windows... # [TypeScript](#tab/typescript/linux) TypeScript content for Linux... # [TypeScript](#tab/typescript/windows) TypeScript content for Windows... # [REST API](#tab/rest) REST API content, independent of platform... ---" + "keywords": "Markdown Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine. Link to Math Expressions Block Quotes This is a block quote. Alerts Note Information the user should notice even if skimming. Tip Optional information to help a user be more successful. Important Essential information required for user success. Caution Negative potential consequences of an action. Warning Dangerous certain consequences of an action. MY TODO This is a TODO. Image Mermaid Diagrams Flowchart flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Code Snippet The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file. using System; using Azure; using Azure.Storage; using Azure.Storage.Blobs; class Program { static void Main(string[] args) { // Define the connection string for the storage account string connectionString = \"DefaultEndpointsProtocol=https;AccountName=;AccountKey=;EndpointSuffix=core.windows.net\"; // Create a new BlobServiceClient using the connection string var blobServiceClient = new BlobServiceClient(connectionString); // Create a new container var container = blobServiceClient.CreateBlobContainer(\"mycontainer\"); // Upload a file to the container using (var fileStream = File.OpenRead(\"path/to/file.txt\")) { container.UploadBlob(\"file.txt\", fileStream); } // Download the file from the container var downloadedBlob = container.GetBlobClient(\"file.txt\").Download(); using (var fileStream = File.OpenWrite(\"path/to/downloaded-file.txt\")) { downloadedBlob.Value.Content.CopyTo(fileStream); } } } Math Expressions This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\) The Cauchy-Schwarz Inequality \\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\) This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\) To split $100 in half, we calculate \\(100/2\\) Custom Syntax Highlighting resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = { name: 'hello' // (...) } Tabs Linux Windows Content for Linux... Content for Windows... The above tab group was created with the following syntax: # [Linux](#tab/linux) Content for Linux... # [Windows](#tab/windows) Content for Windows... --- Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows: # [Tab Display Name](#tab/tab-id) A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected. Dependent tabs It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action: .NET .NET TypeScript TypeScript REST API .NET content for Linux... .NET content for Windows... TypeScript content for Linux... TypeScript content for Windows... REST API content, independent of platform... flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done: # [.NET](#tab/dotnet/linux) .NET content for Linux... # [.NET](#tab/dotnet/windows) .NET content for Windows... # [TypeScript](#tab/typescript/linux) TypeScript content for Linux... # [TypeScript](#tab/typescript/windows) TypeScript content for Windows... # [REST API](#tab/rest) REST API content, independent of platform... --- Details Demo root@server# apt-get install nano" }, "index.html": { "href": "index.html", diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/pdf/toc.pdf.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/pdf/toc.pdf.verified.json index 141716ab2a2..b0c29f1a3ce 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/pdf/toc.pdf.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Linux/pdf/toc.pdf.verified.json @@ -758,7 +758,7 @@ }, { "Number": 19, - "Text": "19It's possible to make the selection in one set of tabs dependent on the selection in anotherset of tabs. Here's an example of that in action:.NETTypeScriptREST APINotice how changing the Linux/Windows selection above changes the content in the .NETand TypeScript tabs. This is because the tab group defines two versions for each .NET andTypeScript, where the Windows/Linux selection above determines which version is shownfor .NET/TypeScript. Here's the markup that shows how this is done:.NET content for Linux...# [.NET](#tab/dotnet/linux).NET content for Linux...# [.NET](#tab/dotnet/windows).NET content for Windows...# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", + "Text": "19It's possible to make the selection in one set of tabs dependent on the selection in anotherset of tabs. Here's an example of that in action:.NETTypeScriptREST APINotice how changing the Linux/Windows selection above changes the content in the .NETand TypeScript tabs. This is because the tab group defines two versions for each .NET andTypeScript, where the Windows/Linux selection above determines which version is shownfor .NET/TypeScript. Here's the markup that shows how this is done:DetailsDemo.NET content for Linux...# [.NET](#tab/dotnet/linux).NET content for Linux...# [.NET](#tab/dotnet/windows).NET content for Windows...# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", "Links": [ { "Goto": { diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/markdown.html.view.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/markdown.html.view.verified.json index af80695b42e..031cf1dc26b 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/markdown.html.view.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/markdown.html.view.verified.json @@ -1,5 +1,5 @@ { - "conceptual": "\n

Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine.

\n

Link to Math Expressions

\n

Block Quotes

\n
\n

This is a block quote.

\n
\n

Alerts

\n
\n
Note
\n

Information the user should notice even if skimming.

\n
\n
\n
Tip
\n

Optional information to help a user be more successful.

\n
\n
\n
Important
\n

Essential information required for user success.

\n
\n
\n
Caution
\n

Negative potential consequences of an action.

\n
\n
\n
Warning
\n

Dangerous certain consequences of an action.

\n
\n
\n
MY TODO
\n

This is a TODO.

\n
\n

Image

\n

\"alt-text\"

\n

Mermaid Diagrams

\n

Flowchart

\n
flowchart LR\n\nA[Hard] -->|Text| B(Round)\nB --> C{Decision}\nC -->|One| D[Result 1]\nC -->|Two| E[Result 2]\n
\n

Code Snippet

\n

The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file.

\n
using System;\nusing Azure;\nusing Azure.Storage;\nusing Azure.Storage.Blobs;\n\nclass Program\n{\n    static void Main(string[] args)\n    {\n        // Define the connection string for the storage account\n        string connectionString = "DefaultEndpointsProtocol=https;AccountName=<your-account-name>;AccountKey=<your-account-key>;EndpointSuffix=core.windows.net";\n\n        // Create a new BlobServiceClient using the connection string\n        var blobServiceClient = new BlobServiceClient(connectionString);\n\n        // Create a new container\n        var container = blobServiceClient.CreateBlobContainer("mycontainer");\n\n        // Upload a file to the container\n        using (var fileStream = File.OpenRead("path/to/file.txt"))\n        {\n            container.UploadBlob("file.txt", fileStream);\n        }\n\n        // Download the file from the container\n        var downloadedBlob = container.GetBlobClient("file.txt").Download();\n        using (var fileStream = File.OpenWrite("path/to/downloaded-file.txt"))\n        {\n            downloadedBlob.Value.Content.CopyTo(fileStream);\n        }\n    }\n}\n

Math Expressions

\n

This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\)

\n

The Cauchy-Schwarz Inequality

\n

\\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\)

\n

This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\)

\n

To split $100 in half, we calculate \\(100/2\\)

\n

Custom Syntax Highlighting

\n
resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = {\n  name: 'hello'\n  // (...)\n}\n
\n

Tabs

\n
\n\n
\n\n

Content for Linux...

\n
\n\n
\n\n

The above tab group was created with the following syntax:

\n
# [Linux](#tab/linux)\n\nContent for Linux...\n\n# [Windows](#tab/windows)\n\nContent for Windows...\n\n---\n
\n

Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows:

\n
# [Tab Display Name](#tab/tab-id)\n
\n

A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected.

\n

Dependent tabs

\n

It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action:

\n
\n\n
\n\n

.NET content for Linux...

\n
\n\n\n\n\n
\n\n

Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done:

\n
# [.NET](#tab/dotnet/linux)\n\n.NET content for Linux...\n\n# [.NET](#tab/dotnet/windows)\n\n.NET content for Windows...\n\n# [TypeScript](#tab/typescript/linux)\n\nTypeScript content for Linux...\n\n# [TypeScript](#tab/typescript/windows)\n\nTypeScript content for Windows...\n\n# [REST API](#tab/rest)\n\nREST API content, independent of platform...\n\n---\n
\n", + "conceptual": "\n

Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine.

\n

Link to Math Expressions

\n

Block Quotes

\n
\n

This is a block quote.

\n
\n

Alerts

\n
\n
Note
\n

Information the user should notice even if skimming.

\n
\n
\n
Tip
\n

Optional information to help a user be more successful.

\n
\n
\n
Important
\n

Essential information required for user success.

\n
\n
\n
Caution
\n

Negative potential consequences of an action.

\n
\n
\n
Warning
\n

Dangerous certain consequences of an action.

\n
\n
\n
MY TODO
\n

This is a TODO.

\n
\n

Image

\n

\"alt-text\"

\n

Mermaid Diagrams

\n

Flowchart

\n
flowchart LR\n\nA[Hard] -->|Text| B(Round)\nB --> C{Decision}\nC -->|One| D[Result 1]\nC -->|Two| E[Result 2]\n
\n

Code Snippet

\n

The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file.

\n
using System;\nusing Azure;\nusing Azure.Storage;\nusing Azure.Storage.Blobs;\n\nclass Program\n{\n    static void Main(string[] args)\n    {\n        // Define the connection string for the storage account\n        string connectionString = "DefaultEndpointsProtocol=https;AccountName=<your-account-name>;AccountKey=<your-account-key>;EndpointSuffix=core.windows.net";\n\n        // Create a new BlobServiceClient using the connection string\n        var blobServiceClient = new BlobServiceClient(connectionString);\n\n        // Create a new container\n        var container = blobServiceClient.CreateBlobContainer("mycontainer");\n\n        // Upload a file to the container\n        using (var fileStream = File.OpenRead("path/to/file.txt"))\n        {\n            container.UploadBlob("file.txt", fileStream);\n        }\n\n        // Download the file from the container\n        var downloadedBlob = container.GetBlobClient("file.txt").Download();\n        using (var fileStream = File.OpenWrite("path/to/downloaded-file.txt"))\n        {\n            downloadedBlob.Value.Content.CopyTo(fileStream);\n        }\n    }\n}\n

Math Expressions

\n

This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\)

\n

The Cauchy-Schwarz Inequality

\n

\\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\)

\n

This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\)

\n

To split $100 in half, we calculate \\(100/2\\)

\n

Custom Syntax Highlighting

\n
resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = {\n  name: 'hello'\n  // (...)\n}\n
\n

Tabs

\n
\n\n
\n\n

Content for Linux...

\n
\n\n
\n\n

The above tab group was created with the following syntax:

\n
# [Linux](#tab/linux)\n\nContent for Linux...\n\n# [Windows](#tab/windows)\n\nContent for Windows...\n\n---\n
\n

Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows:

\n
# [Tab Display Name](#tab/tab-id)\n
\n

A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected.

\n

Dependent tabs

\n

It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action:

\n
\n\n
\n\n

.NET content for Linux...

\n
\n\n\n\n\n
\n\n

Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done:

\n
# [.NET](#tab/dotnet/linux)\n\n.NET content for Linux...\n\n# [.NET](#tab/dotnet/windows)\n\n.NET content for Windows...\n\n# [TypeScript](#tab/typescript/linux)\n\nTypeScript content for Linux...\n\n# [TypeScript](#tab/typescript/windows)\n\nTypeScript content for Windows...\n\n# [REST API](#tab/rest)\n\nREST API content, independent of platform...\n\n---\n
\n

Details

\n
\nDemo\n
root@server# apt-get install nano\n
\n
\n", "type": "Conceptual", "source": { "remote": { @@ -27,7 +27,7 @@ "pdfTocPage": true, "rawTitle": "

Markdown

", "title": "Markdown", - "wordCount": 581.0, + "wordCount": 587.0, "_key": "articles/markdown.md", "_navKey": "~/toc.yml", "_navPath": "toc.html", diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/seed.pdf.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/seed.pdf.verified.json index 543d7b0f2d3..d3a8769057c 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/seed.pdf.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/articles/seed.pdf.verified.json @@ -259,7 +259,7 @@ }, { "Number": 18, - "Text": "18# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", + "Text": "18DetailsDemo# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", "Links": [] } ], diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/index.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/index.verified.json index b65c3fdc648..9fd745f5255 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/index.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/index.verified.json @@ -557,7 +557,7 @@ "articles/markdown.html": { "href": "articles/markdown.html", "title": "Markdown | docfx seed website", - "keywords": "Markdown Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine. Link to Math Expressions Block Quotes This is a block quote. Alerts Note Information the user should notice even if skimming. Tip Optional information to help a user be more successful. Important Essential information required for user success. Caution Negative potential consequences of an action. Warning Dangerous certain consequences of an action. MY TODO This is a TODO. Image Mermaid Diagrams Flowchart flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Code Snippet The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file. using System; using Azure; using Azure.Storage; using Azure.Storage.Blobs; class Program { static void Main(string[] args) { // Define the connection string for the storage account string connectionString = \"DefaultEndpointsProtocol=https;AccountName=;AccountKey=;EndpointSuffix=core.windows.net\"; // Create a new BlobServiceClient using the connection string var blobServiceClient = new BlobServiceClient(connectionString); // Create a new container var container = blobServiceClient.CreateBlobContainer(\"mycontainer\"); // Upload a file to the container using (var fileStream = File.OpenRead(\"path/to/file.txt\")) { container.UploadBlob(\"file.txt\", fileStream); } // Download the file from the container var downloadedBlob = container.GetBlobClient(\"file.txt\").Download(); using (var fileStream = File.OpenWrite(\"path/to/downloaded-file.txt\")) { downloadedBlob.Value.Content.CopyTo(fileStream); } } } Math Expressions This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\) The Cauchy-Schwarz Inequality \\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\) This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\) To split $100 in half, we calculate \\(100/2\\) Custom Syntax Highlighting resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = { name: 'hello' // (...) } Tabs Linux Windows Content for Linux... Content for Windows... The above tab group was created with the following syntax: # [Linux](#tab/linux) Content for Linux... # [Windows](#tab/windows) Content for Windows... --- Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows: # [Tab Display Name](#tab/tab-id) A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected. Dependent tabs It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action: .NET .NET TypeScript TypeScript REST API .NET content for Linux... .NET content for Windows... TypeScript content for Linux... TypeScript content for Windows... REST API content, independent of platform... flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done: # [.NET](#tab/dotnet/linux) .NET content for Linux... # [.NET](#tab/dotnet/windows) .NET content for Windows... # [TypeScript](#tab/typescript/linux) TypeScript content for Linux... # [TypeScript](#tab/typescript/windows) TypeScript content for Windows... # [REST API](#tab/rest) REST API content, independent of platform... ---" + "keywords": "Markdown Markdown is a lightweight markup language with plain text formatting syntax. Docfx supports CommonMark compliant Markdown parsed through the Markdig parsing engine. Link to Math Expressions Block Quotes This is a block quote. Alerts Note Information the user should notice even if skimming. Tip Optional information to help a user be more successful. Important Essential information required for user success. Caution Negative potential consequences of an action. Warning Dangerous certain consequences of an action. MY TODO This is a TODO. Image Mermaid Diagrams Flowchart flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Code Snippet The example highlights lines 2, line 5 to 7 and lines 9 to the end of the file. using System; using Azure; using Azure.Storage; using Azure.Storage.Blobs; class Program { static void Main(string[] args) { // Define the connection string for the storage account string connectionString = \"DefaultEndpointsProtocol=https;AccountName=;AccountKey=;EndpointSuffix=core.windows.net\"; // Create a new BlobServiceClient using the connection string var blobServiceClient = new BlobServiceClient(connectionString); // Create a new container var container = blobServiceClient.CreateBlobContainer(\"mycontainer\"); // Upload a file to the container using (var fileStream = File.OpenRead(\"path/to/file.txt\")) { container.UploadBlob(\"file.txt\", fileStream); } // Download the file from the container var downloadedBlob = container.GetBlobClient(\"file.txt\").Download(); using (var fileStream = File.OpenWrite(\"path/to/downloaded-file.txt\")) { downloadedBlob.Value.Content.CopyTo(fileStream); } } } Math Expressions This sentence uses $ delimiters to show math inline: \\(\\sqrt{3x-1}+(1+x)^2\\) The Cauchy-Schwarz Inequality \\(\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)\\) This expression uses \\$ to display a dollar sign: \\(\\sqrt{\\$4}\\) To split $100 in half, we calculate \\(100/2\\) Custom Syntax Highlighting resource storageAccount 'Microsoft.Storage/storageAccounts@2021-06-01' = { name: 'hello' // (...) } Tabs Linux Windows Content for Linux... Content for Windows... The above tab group was created with the following syntax: # [Linux](#tab/linux) Content for Linux... # [Windows](#tab/windows) Content for Windows... --- Tabs are indicated by using a specific link syntax within a Markdown header. The syntax can be described as follows: # [Tab Display Name](#tab/tab-id) A tab starts with a Markdown header, #, and is followed by a Markdown link [](). The text of the link will become the text of the tab header, displayed to the customer. In order for the header to be recognized as a tab, the link itself must start with #tab/ and be followed by an ID representing the content of the tab. The ID is used to sync all same-ID tabs across the page. Using the above example, when a user selects a tab with the link #tab/windows, all tabs with the link #tab/windows on the page will be selected. Dependent tabs It's possible to make the selection in one set of tabs dependent on the selection in another set of tabs. Here's an example of that in action: .NET .NET TypeScript TypeScript REST API .NET content for Linux... .NET content for Windows... TypeScript content for Linux... TypeScript content for Windows... REST API content, independent of platform... flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] Notice how changing the Linux/Windows selection above changes the content in the .NET and TypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, where the Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's the markup that shows how this is done: # [.NET](#tab/dotnet/linux) .NET content for Linux... # [.NET](#tab/dotnet/windows) .NET content for Windows... # [TypeScript](#tab/typescript/linux) TypeScript content for Linux... # [TypeScript](#tab/typescript/windows) TypeScript content for Windows... # [REST API](#tab/rest) REST API content, independent of platform... --- Details Demo root@server# apt-get install nano" }, "index.html": { "href": "index.html", diff --git a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/pdf/toc.pdf.verified.json b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/pdf/toc.pdf.verified.json index 7ec641208a1..b34a92b3f72 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/pdf/toc.pdf.verified.json +++ b/test/docfx.Snapshot.Tests/SamplesTest.Seed.Windows/pdf/toc.pdf.verified.json @@ -753,7 +753,7 @@ }, { "Number": 18, - "Text": "18.NETTypeScriptREST APINotice how changing the Linux/Windows selection above changes the content in the .NET andTypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, wherethe Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's themarkup that shows how this is done:.NET content for Linux...# [.NET](#tab/dotnet/linux).NET content for Linux...# [.NET](#tab/dotnet/windows).NET content for Windows...# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", + "Text": "18.NETTypeScriptREST APINotice how changing the Linux/Windows selection above changes the content in the .NET andTypeScript tabs. This is because the tab group defines two versions for each .NET and TypeScript, wherethe Windows/Linux selection above determines which version is shown for .NET/TypeScript. Here's themarkup that shows how this is done:DetailsDemo.NET content for Linux...# [.NET](#tab/dotnet/linux).NET content for Linux...# [.NET](#tab/dotnet/windows).NET content for Windows...# [TypeScript](#tab/typescript/linux)TypeScript content for Linux...# [TypeScript](#tab/typescript/windows)TypeScript content for Windows...# [REST API](#tab/rest)REST API content, independent of platform...---", "Links": [ { "Goto": { diff --git a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1152x648/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1152x648/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png index ecb9755de5f..d4768e36a7d 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1152x648/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png +++ b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1152x648/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b412d3c7f286ae71bc2e37c23a5bb5b0f927c1b2f95add18d5ea89a35cc6c6c6 -size 98649 +oid sha256:cee816438d6ce9a532b8fd76e6eaa3b0fedb31f497c7b2d29553bfa93777f709 +size 99604 diff --git a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1920x1080/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1920x1080/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png index d98ea028f00..78287e1666e 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1920x1080/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png +++ b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/1920x1080/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:988b117a056f7aa17706ef2ff731057795ac893e0bf0e91778265654d74a1f94 -size 930468 +oid sha256:0ac534f6c4c308408825b1e2428a8fe657c6e96c31db948a1c7af4e1bc6c71ff +size 935811 diff --git a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/375x812/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/375x812/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png index e4959b468a8..826ee32b251 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/375x812/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png +++ b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/375x812/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:206857bbb42ed391a32e5fd15bc837c246e1bd643c7c8ab2711d27c89c4c904d -size 526645 +oid sha256:47d1f74bcc4431fd1ee8ff07fbedc37d911c6aabfa9db4291344ed1087b66773 +size 530071 diff --git a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/html/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.html b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/html/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.html index b6330318fb2..914632c05c9 100644 --- a/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/html/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.html +++ b/test/docfx.Snapshot.Tests/SamplesTest.SeedHtml/html/articles-markdown.html-tabs-windows-2Ctypescript-markdown-extensions.verified.html @@ -521,6 +521,12 @@

Dependent tabs +

Details

+
+Demo +
root@server# apt-get install nano
+
+
@@ -535,7 +541,7 @@

Dependent tabs +