<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Markdown on Andrew Beaton</title>
    <link>https://andrewbeaton.net/tags/markdown/</link>
    <description>Recent content in Markdown on Andrew Beaton</description>
    <image>
      <title>Andrew Beaton</title>
      <url>https://andrewbeaton.net/me.jpeg</url>
      <link>https://andrewbeaton.net/me.jpeg</link>
    </image>
    <generator>Hugo -- gohugo.io</generator>
    <language>en</language>
    <lastBuildDate>Wed, 07 Jun 2023 00:00:00 +0000</lastBuildDate><atom:link href="https://andrewbeaton.net/tags/markdown/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Markdown Cheat Sheet</title>
      <link>https://andrewbeaton.net/posts/2023/06/markdown-cheat-sheet/</link>
      <pubDate>Wed, 07 Jun 2023 00:00:00 +0000</pubDate>
      
      <guid>https://andrewbeaton.net/posts/2023/06/markdown-cheat-sheet/</guid>
      <description>A cheat sheet of some of the most commonly used Markdown syntax and their corresponding options.</description>
      <content:encoded><![CDATA[<h1 id="introduction">Introduction</h1>
<p>Markdown is a lightweight markup language that allows you to write formatted text using a plain-text syntax.</p>
<p>It&rsquo;s widely used for writing documentation, blog posts, and even creating web pages.</p>
<p>In this cheat sheet, I&rsquo;ll cover the most commonly used Markdown syntax and their corresponding formatting options.</p>
<h2 id="headings">Headings</h2>
<p>You can create headings by using one to six hash characters (<code>#</code>) at the beginning of the line. The number of hashes represents the heading level.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span># Heading 1
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Heading 2
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">### Heading 3
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">#### Heading 4
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">##### Heading 5
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">###### Heading 6
</span></span></span></code></pre></div><h2 id="emphasis">Emphasis</h2>
<p>You can emphasise text using the following options:</p>
<ul>
<li><strong>Bold</strong>: Surround the text with double asterisks (<code>**</code>) or double underscores (<code>__</code>).</li>
<li><em>Italic</em>: Surround the text with single asterisks (<code>*</code>) or single underscores (<code>_</code>).</li>
<li><em><strong>Bold and Italic</strong></em>: Combine both using triple asterisks (<code>***</code>) or triple underscores (<code>___</code>).</li>
</ul>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>**Bold**
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="font-weight:bold">__Bold__</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="font-style:italic">*Italic*</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="font-style:italic">_Italic_</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="font-style:italic">**</span>*Bold and Italic***
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="font-weight:bold">___Bold and Italic___</span>
</span></span></code></pre></div><h2 id="lists">Lists</h2>
<p>Markdown supports both ordered and unordered lists.</p>
<ul>
<li><strong>Unordered List</strong>: Begin each item with a hyphen (<code>-</code>), plus sign (<code>+</code>), or asterisk (<code>*</code>).</li>
<li><strong>Ordered List</strong>: Begin each item with a number followed by a period (<code>1.</code>, <code>2.</code>, etc.).</li>
</ul>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span><span style="color:#66d9ef">-</span> Item 1
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">-</span> Item 2
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">-</span> Item 3
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">1.</span> Item 1
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">2.</span> Item 2
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">3.</span> Item 3
</span></span></code></pre></div><h2 id="links">Links</h2>
<p>You can create links in Markdown using the following syntax:</p>
<ul>
<li><strong>Inline Links</strong>: <code>[Link Text](URL)</code></li>
<li><strong>Reference Links</strong>: <code>[Link Text][Reference ID]</code> and later <code>[Reference ID]: URL</code></li>
</ul>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>[<span style="color:#f92672">Google</span>](<span style="color:#a6e22e">https://www.google.co.uk</span>)
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>[Andrew Beaton][1]
</span></span><span style="display:flex;"><span>[1]: https://andrewbeaton.net
</span></span></code></pre></div><h2 id="images">Images</h2>
<p>To include images in your Markdown document, use the following format:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>![<span style="color:#f92672">Alt Text</span>](<span style="color:#a6e22e">URL</span>)
</span></span></code></pre></div><h2 id="code-blocks">Code Blocks</h2>
<p>You can display code blocks or inline code using backticks (<code>`</code>):</p>
<ul>
<li>
<p><strong>Inline Code</strong>: Surround the code with single backticks.</p>
</li>
<li>
<p><strong>Code Block</strong>: Surround the code with triple backticks, optionally specifying the language for syntax highlighting.</p>
</li>
</ul>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>console.log(&#34;Hello, Markdown!&#34;);
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">greet</span>():
</span></span><span style="display:flex;"><span>    print(<span style="color:#e6db74">&#34;Hello, Markdown!&#34;</span>)
</span></span></code></pre></div><h2 id="blockquotes">Blockquotes</h2>
<p>Blockquotes are used to display quoted text. You can create a blockquote by using a greater than symbol (<code>&gt;</code>).</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span><span style="color:#66d9ef">&gt; </span><span style="font-style:italic">This is a blockquote.
</span></span></span></code></pre></div><h2 id="horizontal-rule">Horizontal Rule</h2>
<p>To create a horizontal rule, use three or more hyphens (<code>---</code>), asterisks (<code>***</code>), or underscores (<code>___</code>).</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>---
</span></span></code></pre></div><h2 id="tables">Tables</h2>
<p>Tables can be created using hyphens (<code>-</code>) and pipes (<code>|</code>) to define the columns and rows.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>| Column 1 | Column 2 |
</span></span><span style="display:flex;"><span>| -------- | -------- |
</span></span><span style="display:flex;"><span>| Row 1    | Row 1    |
</span></span><span style="display:flex;"><span>| Row 2    | Row 2    |
</span></span></code></pre></div><h2 id="escaping-characters">Escaping Characters</h2>
<p>To display characters that have special meaning in Markdown, you can use a backslash (<code>\</code>) before the character to escape it.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>\*This is not italic\*
</span></span></code></pre></div><h2 id="task-lists">Task Lists</h2>
<p>You can create task lists using square brackets (<code>[ ]</code> for incomplete tasks and <code>[x]</code> for completed tasks).</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span><span style="color:#66d9ef">- [ ]</span> Task 1
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">- [x]</span> Task 2
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">- [ ]</span> Task 3
</span></span></code></pre></div><h2 id="strikethrough">Strikethrough</h2>
<p>To strike through text, use two tilde characters (<code>~~</code>).</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>~~This text is strikethrough.~~ 
</span></span></code></pre></div><h2 id="footnotes">Footnotes</h2>
<p>Markdown supports footnotes, allowing you to add additional information or references at the bottom of the page.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>Here is some text with a footnote[^1].
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>[^1]: This is the footnote content.
</span></span></code></pre></div><h2 id="superscript-and-subscript">Superscript and Subscript</h2>
<p>To create superscript and subscript text, use the caret (<code>^</code>) for superscript and tilde (<code>~</code>) for subscript.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>This is a superscript: X^2^
</span></span><span style="display:flex;"><span>This is a subscript: H~2~O
</span></span></code></pre></div><h2 id="abbreviations">Abbreviations</h2>
<p>Markdown allows you to define abbreviations, which can be useful for providing explanations or definitions.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>The HTML stands for Hypertext Markup Language. [^HTML]
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>[^HTML]: Hypertext Markup Language
</span></span></code></pre></div><h2 id="raw-html">Raw HTML</h2>
<p>Markdown supports the use of raw HTML code for more advanced formatting options. You can embed HTML elements directly within your Markdown document.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>This is a &lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">style</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;color: red;&#34;</span>&gt;red&lt;/<span style="color:#f92672">span</span>&gt; text.
</span></span></code></pre></div><h2 id="inline-math-equations">Inline Math Equations</h2>
<p>If you need to include mathematical equations, you can use LaTeX syntax within Markdown to render them.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>The quadratic equation is \(ax^2 + bx + c = 0\).
</span></span></code></pre></div><h2 id="definition-lists">Definition Lists</h2>
<p>Markdown also supports definition lists for glossaries or terms with corresponding explanations.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>Term 1
</span></span><span style="display:flex;"><span>:   This is the definition of Term 1.
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>Term 2
</span></span><span style="display:flex;"><span>:   This is the definition of Term 2.
</span></span></code></pre></div><h2 id="inline-html">Inline HTML</h2>
<p>Markdown allows you to directly insert HTML code inline within your Markdown document. This can be useful for more complex formatting or embedding multimedia.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>This is an &lt;<span style="color:#f92672">kbd</span>&gt;inline HTML&lt;/<span style="color:#f92672">kbd</span>&gt; example.
</span></span></code></pre></div><h2 id="definition-of-acronyms">Definition of Acronyms</h2>
<p>Similar to abbreviations, Markdown supports the definition of acronyms using the same syntax.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>The HTTP stands for Hypertext Transfer Protocol. [^HTTP]
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>[^HTTP]: Hypertext Transfer Protocol
</span></span></code></pre></div><h2 id="emoji">Emoji</h2>
<p>Markdown supports the use of emojis to add visual elements to your text. You can include emojis using emoji codes or Unicode characters. 😃</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>I am feeling 😃 today!
</span></span></code></pre></div><h2 id="automatic-url-linking">Automatic URL Linking</h2>
<p>By default, Markdown automatically converts URLs into clickable links. You don&rsquo;t need to use any specific syntax.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>Visit my website at https://andrewbeaton.net
</span></span></code></pre></div><h2 id="escape-characters">Escape Characters</h2>
<p>If you want to display characters that have a special meaning in Markdown, you can escape them using a backslash (<code>\</code>).</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>\*This is not a bullet point\*
</span></span></code></pre></div><hr>
<h2 id="summary">Summary</h2>
<p>This cheat sheet covers the most commonly used Markdown syntax.</p>
<p>Markdown provides a simple and efficient way to format text without getting in the way of your writing.</p>
]]></content:encoded>
    </item>
    
  </channel>
</rss>
