From d3812b429e008c56cf7f9f6b69c24b3b89253429 Mon Sep 17 00:00:00 2001
From: Shubham Palriwala <spalriwalau@gmail.com>
Date: Tue, 8 Jun 2021 02:25:03 +0530
Subject: [PATCH] feat: docs for adding code blocks in code blocks (#7144)

---
 .../fenced-code-show-backticks-rendered.png   | Bin 0 -> 2188 bytes
 .../creating-and-highlighting-code-blocks.md  |  22 +++++++++++++++---
 2 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 assets/images/help/writing/fenced-code-show-backticks-rendered.png

diff --git a/assets/images/help/writing/fenced-code-show-backticks-rendered.png b/assets/images/help/writing/fenced-code-show-backticks-rendered.png
new file mode 100644
index 0000000000000000000000000000000000000000..74e486f8986262f69c03b808babae52c1a01cd27
GIT binary patch
literal 2188
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
DUH=lZ

literal 0
HcmV?d00001

diff --git a/content/github/writing-on-github/working-with-advanced-formatting/creating-and-highlighting-code-blocks.md b/content/github/writing-on-github/working-with-advanced-formatting/creating-and-highlighting-code-blocks.md
index 6f70d3bb1b..9339981744 100644
--- a/content/github/writing-on-github/working-with-advanced-formatting/creating-and-highlighting-code-blocks.md
+++ b/content/github/writing-on-github/working-with-advanced-formatting/creating-and-highlighting-code-blocks.md
@@ -5,10 +5,11 @@ redirect_from:
   - /articles/creating-and-highlighting-code-blocks
   - /github/writing-on-github/creating-and-highlighting-code-blocks
 versions:
-  free-pro-team: '*'
-  enterprise-server: '*'
-  github-ae: '*'
+  free-pro-team: "*"
+  enterprise-server: "*"
+  github-ae: "*"
 ---
+
 ### Fenced code blocks
 
 You can create fenced code blocks by placing triple backticks <code>\`\`\`</code> before and after the code block. We recommend placing a blank line before and after code blocks to make the raw formatting easier to read.
@@ -29,7 +30,22 @@ function test() {
 
 {% endtip %}
 
+To display triple backticks in a fenced code block, wrap them inside quadruple backticks.
+
+
+<pre>
+```` 
+```
+Look! You can see my backticks.
+```
+````
+</pre>
+
+![Rendered fenced code with backticks block](/assets/images/help/writing/fenced-code-show-backticks-rendered.png)
+
+
 ### Syntax highlighting
+
 <!-- If you make changes to this feature, update /getting-started-with-github/github-language-support to reflect any changes to supported languages. -->
 
 You can add an optional language identifier to enable syntax highlighting in your fenced code block.