📝 markdown-escape-backquot

content/blog/2020/2020-07-06___markdown-escape-backquote.md

@@ -0,0 +1,47 @@
+---
+title: Markdown でコードブロックの中にバックスラッシュ3つを書く
+date: 2020-07-06 12:00:00
+tags:
+  - Markdown
+---
+
+Markdown の複数行コードブロックは普通以下のように書きます。
+
+````md
+sample code
+
+```
+console.log('hello')
+```
+````
+
+その中に` ``` `を書くときは ` ```` ` を使います。
+
+`````md
+Markdown の複数行コードブロックは普通以下のように書きます。
+
+````
+sample code
+
+```
+console.log('hello')
+```
+````
+`````
+
+※この記事はマークダウンで書いているので更に ` ````` ` で囲っています。
+
+#### 補足
+
+バックスラッシュでエスケープしようとするとそのままでてしまいます。
+
+```md
+sample code
+
+\`\`\`
+console.log('hello')
+\`\`\`
+```
+
+このリポジトリの readme を書いていたときに知ったネタでした。
+[elzup/codeblock\-cat](https://github.com/elzup/codeblock-cat)

src/styles/global.scss

@@ -111,6 +111,13 @@ pre[class*='language-'] {
     background: blue;
   }
 
+  &.language-md::before {
+    content: 'MD';
+    color: white;
+    background: black;
+  }
+
+
   &.language-css::before {
     content: 'CSS';
     color: white;