{"id":13459674,"url":"https://github.com/lifeparticle/Markdown-Cheatsheet","last_synced_at":"2025-03-24T18:31:09.294Z","repository":{"id":56817144,"uuid":"347274393","full_name":"lifeparticle/Markdown-Cheatsheet","owner":"lifeparticle","description":"🔖 The Ultimate Markdown Cheat Sheet","archived":false,"fork":false,"pushed_at":"2024-07-27T14:29:06.000Z","size":5036,"stargazers_count":350,"open_issues_count":5,"forks_count":117,"subscribers_count":9,"default_branch":"main","last_synced_at":"2024-08-01T10:19:19.463Z","etag":null,"topics":["awesome","cheetsheet","commonmark","gfm","github","markdown","markdown-cheatsheet"],"latest_commit_sha":null,"homepage":"https://towardsdatascience.com/the-ultimate-markdown-cheat-sheet-3d3976b31a0","language":"Mermaid","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lifeparticle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"supported_file_extensions/BinaryTree.jpg","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["lifeparticle"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2021-03-13T04:44:01.000Z","updated_at":"2024-07-31T18:58:58.000Z","dependencies_parsed_at":"2024-05-04T23:30:57.846Z","dependency_job_id":"f4733647-fbd8-4846-8541-fcaf9299bbd8","html_url":"https://github.com/lifeparticle/Markdown-Cheatsheet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FMarkdown-Cheatsheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FMarkdown-Cheatsheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FMarkdown-Cheatsheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeparticle%2FMarkdown-Cheatsheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lifeparticle","download_url":"https://codeload.github.com/lifeparticle/Markdown-Cheatsheet/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221995746,"owners_count":16913553,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","cheetsheet","commonmark","gfm","github","markdown","markdown-cheatsheet"],"created_at":"2024-07-31T10:00:24.494Z","updated_at":"2025-03-24T18:31:09.273Z","avatar_url":"https://github.com/lifeparticle.png","language":"Mermaid","funding_links":["https://github.com/sponsors/lifeparticle"],"categories":["Uncategorized","Other Lists","Mermaid","Markdown Documentation","Editors"],"sub_categories":["Uncategorized","TeX Lists","Markdown Cheatsheets / Quick References"],"readme":"\u003ch1 align=\"center\"\u003e\n  :black_circle: The Ultimate Markdown Cheat Sheet :black_circle:\n\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003ca href=\"https://github.com/lifeparticle/Markdown-Cheatsheet/actions/workflows/readme-checker.yml\"\u003e\n    \u003cimg src=\"https://github.com/lifeparticle/Markdown-Cheatsheet/actions/workflows/readme-checker.yml/badge.svg\" alt=\".github/workflows/readme-checker.yml\"\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\n\u003ca name=\"top\"\u003e\u003c/a\u003e\n\n\u003cbr/\u003e\n\n\u003e [!IMPORTANT]\n\u003e Check out the official documentation on [GitHub](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax) to learn more about writing and formatting syntax. Additionally, you can read the latest updates and features on Markdown by visiting the [GitHub changelog posts](https://github.blog/changelog/label/markdown/).\n\n- [Introduction](#introduction)\n- [Headings](#headings)\n- [Text styles](#text-styles)\n  - [Normal](#normal)\n  - [Bold](#bold)\n  - [Italic](#italic)\n  - [Bold and Italic](#bold-and-italic)\n  - [Blockquotes](#blockquotes)\n  - [Monospaced](#monospaced)\n  - [Underlined](#underlined)\n  - [Strike-through](#strike-through)\n  - [Boxed](#boxed)\n  - [Subscript](#subscript)\n  - [Superscript](#superscript)\n  - [Small Text](#small-text)\n  - [Text Color](#text-color)\n  - [Multiline](#multiline)\n- [Syntax Highlighting](#syntax-highlighting)\n  - [Inline code](#inline-code)\n  - [Code block](#code-block)\n  - [Diff Code block](#diff-code-block)\n- [Alignments](#alignments)\n- [Tables](#tables)\n- [Links](#links)\n  - [Inline](#inline)\n  - [Reference](#reference)\n  - [Footnote](#footnote)\n  - [Relative](#relative)\n  - [Auto](#auto)\n  - [Section](#section)\n  - [Hover](#hover)\n  - [Enclosed](#enclosed)\n  - [Highlight words and link it to a URL](#highlight-words-and-link-it-to-a-url)\n- [Images](#images)\n  - [Theme](#theme)\n    - [Using picture tag](#using-picture-tag)\n    - [Using dark and light mode](#using-dark-and-light-mode)\n  - [Group](#group)\n- [Badges](#badges)\n- [Videos](#videos)\n- [Lists](#lists)\n  - [Ordered](#ordered)\n  - [Unordered](#unordered)\n  - [Task](#task)\n- [Buttons](#buttons)\n  - [Button with emoji](#button-with-emoji)\n- [Collapsible items (28 July 2023)](#collapsible-items-28-july-2023)\n- [Horizontal Rule](#horizontal-rule)\n- [Diagrams (19 July 2022)](#diagrams-19-july-2022)\n- [Mathematical expressions (19 July 2022)](#mathematical-expressions-19-july-2022)\n- [Alerts (8 January 2024)](#alerts-8-january-2024)\n- [Mention people and teams](#mention-people-and-teams)\n- [Reference issues and pull requests](#reference-issues-and-pull-requests)\n- [Color models](#color-models)\n- [View Code](#view-code)\n- [Code in titles](#code-in-titles)\n- [Reference Labels](#reference-labels)\n- [Miscellaneous](#miscellaneous)\n  - [Comments](#comments)\n  - [Escaping Markdown Characters](#escaping-markdown-characters)\n  - [Emojis](#emojis)\n  - [Line break](#line-break)\n  - [Back to top](#back-to-top)\n- [Bitbucket](#bitbucket)\n- [Azure DevOps Project wiki](#azure-devops-project-wiki)\n- [MDX](#mdx)\n- [Tools](#tools)\n\n# Introduction\n\nMarkdown is a way of writing rich-text (formatted text) content using plain text formatting syntax. It is also a tool that converts the plain text formatting to HTML.\n\n- **2004:** [John Gruber](https://daringfireball.net/projects/markdown/) developed Markdown.\n- **2014:** [CommonMark](https://commonmark.org/) was established as a standard specification for Markdown to resolve inconsistencies and ambiguities in Markdown implementations. This initiative was spearheaded by [John MacFarlane](https://github.com/jgm) and backed by other Markdown enthusiasts to ensure a reliable and consistent specification.\n\nThis guide will provide you with a comprehensive understanding of the key commands in [GitHub Flavored Markdown (GFM)](https://github.github.com/gfm/), it is a strict superset of CommonMark. You can read the full article, [The Ultimate Markdown Cheat Sheet](https://towardsdatascience.com/the-ultimate-markdown-cheat-sheet-3d3976b31a0) on Medium.\n\n# Headings\n\n```md\n# Heading 1\n## Heading 2\n### Heading 3\n#### Heading 4\n##### Heading 5\n###### Heading 6\n```\n\u003c!-- omit in toc --\u003e\n# Heading 1\n\u003c!-- omit in toc --\u003e\n## Heading 2\n\u003c!-- omit in toc --\u003e\n### Heading 3\n\u003c!-- omit in toc --\u003e\n#### Heading 4\n\u003c!-- omit in toc --\u003e\n##### Heading 5\n\u003c!-- omit in toc --\u003e\n###### Heading 6\n\n```md\n\u003ch1\u003eHeading 1\u003c/h1\u003e\n\u003ch2\u003eHeading 2\u003c/h2\u003e\n\u003ch3\u003eHeading 3\u003c/h3\u003e\n\u003ch4\u003eHeading 4\u003c/h4\u003e\n\u003ch5\u003eHeading 5\u003c/h5\u003e\n\u003ch6\u003eHeading 6\u003c/h6\u003e\n```\n\n\u003c!-- omit in toc --\u003e\n\u003ch1\u003eHeading 1\u003c/h1\u003e\n\u003c!-- omit in toc --\u003e\n\u003ch2\u003eHeading 2\u003c/h2\u003e\n\u003c!-- omit in toc --\u003e\n\u003ch3\u003eHeading 3\u003c/h3\u003e\n\u003c!-- omit in toc --\u003e\n\u003ch4\u003eHeading 4\u003c/h4\u003e\n\u003c!-- omit in toc --\u003e\n\u003ch5\u003eHeading 5\u003c/h5\u003e\n\u003c!-- omit in toc --\u003e\n\u003ch6\u003eHeading 6\u003c/h6\u003e\n\n```md\nHeading 1\n=\nHeading 2\n-\n```\n\n\u003c!-- omit in toc --\u003e\nHeading 1 \u003c!-- markdownlint-disable MD003 --\u003e\n=\n\u003c!-- omit in toc --\u003e\nHeading 2 \u003c!-- markdownlint-disable MD003 --\u003e\n-\n\n# Text styles\n\n## Normal\n\n```md\nThe quick brown fox jumps over the lazy dog.\n```\n\nThe quick brown fox jumps over the lazy dog.\n\n## Bold\n\nMac: \u003ckbd\u003ecommand+B\u003c/kbd\u003e\n\nWindows: \u003ckbd\u003econtrol+B\u003c/kbd\u003e\n\n```md\n**The quick brown fox jumps over the lazy dog.**\n__The quick brown fox jumps over the lazy dog.__\n\u003cstrong\u003eThe quick brown fox jumps over the lazy dog.\u003c/strong\u003e\n```\n\n**The quick brown fox jumps over the lazy dog.**\n\n\u003c!-- markdownlint-disable-next-line MD050 --\u003e\n__The quick brown fox jumps over the lazy dog.__\n\n\u003cstrong\u003eThe quick brown fox jumps over the lazy dog.\u003c/strong\u003e\n\n## Italic\n\nMac: \u003ckbd\u003ecommand+I\u003c/kbd\u003e\n\nWindows: \u003ckbd\u003econtrol+I\u003c/kbd\u003e\n\n```md\n*The quick brown fox jumps over the lazy dog.*\n_The quick brown fox jumps over the lazy dog._\n\u003cem\u003eThe quick brown fox jumps over the lazy dog.\u003c/em\u003e\n```\n\n*The quick brown fox jumps over the lazy dog.*\n\n\u003c!-- markdownlint-disable-next-line MD049 --\u003e\n_The quick brown fox jumps over the lazy dog._\n\n\u003cem\u003eThe quick brown fox jumps over the lazy dog.\u003c/em\u003e\n\n## Bold and Italic\n\n```md\n**_The quick brown fox jumps over the lazy dog._**\n\u003cstrong\u003e\u003cem\u003eThe quick brown fox jumps over the lazy dog.\u003c/em\u003e\u003c/strong\u003e\n```\n\u003c!-- markdownlint-disable-next-line MD049 --\u003e\n**_The quick brown fox jumps over the lazy dog._**\n\n\u003cstrong\u003e\u003cem\u003eThe quick brown fox jumps over the lazy dog.\u003c/em\u003e\u003c/strong\u003e\n\n## Blockquotes\n\nMac: \u003ckbd\u003ecommand+shift+.\u003c/kbd\u003e\n\nWindows: \u003ckbd\u003econtrol+shift+.\u003c/kbd\u003e\n\n```md\n\u003e The quick brown fox jumps over the lazy dog.\n\n\u003cbr\u003e\n\n\u003e The quick brown fox jumps over the lazy dog.\n\u003e\n\u003e The quick brown fox jumps over the lazy dog.\n\u003e\n\u003e The quick brown fox jumps over the lazy dog.\n\n\u003cbr\u003e\n\n\u003e The quick brown fox jumps over the lazy dog.\n\u003e\u003e The quick brown fox jumps over the lazy dog.\n\u003e\u003e\u003e The quick brown fox jumps over the lazy dog.\n\n\u003cbr\u003e\n\n\u003e **The quick brown fox** *jumps over the lazy dog.*\n```\n\n\u003e The quick brown fox jumps over the lazy dog.\n\n\u003cbr\u003e\n\n\u003e The quick brown fox jumps over the lazy dog.\n\u003e\n\u003e The quick brown fox jumps over the lazy dog.\n\u003e\n\u003e The quick brown fox jumps over the lazy dog.\n\n\u003cbr\u003e\n\n\u003e The quick brown fox jumps over the lazy dog.\n\u003e\u003e The quick brown fox jumps over the lazy dog.\n\u003e\u003e\u003e The quick brown fox jumps over the lazy dog.\n\n\u003cbr\u003e\n\n\u003e **The quick brown fox** *jumps over the lazy dog.*\n\n## Monospaced\n\n```md\n\u003csamp\u003eThe quick brown fox jumps over the lazy dog.\u003c/samp\u003e\n```\n\n\u003csamp\u003eThe quick brown fox jumps over the lazy dog.\u003c/samp\u003e\n\n## Underlined\n\n```md\n\u003cins\u003eThe quick brown fox jumps over the lazy dog.\u003c/ins\u003e\n```\n\n\u003cins\u003eThe quick brown fox jumps over the lazy dog.\u003c/ins\u003e\n\n## Strike-through\n\n```md\n~~The quick brown fox jumps over the lazy dog.~~\n```\n\n~~The quick brown fox jumps over the lazy dog.~~\n\n```md\n\u003cpre\u003e\nLorem ipsum dolor sit amet, consectetur adipiscing elit. \u003cstrike\u003eSed do eiusmod tempor incididunt ut labore et dolore magna\naliqua.\u003c/strike\u003e Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. \u003cstrike\u003eExcepteur sint\noccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\u003c/strike\u003e\n\u003c/pre\u003e\n```\n\n\u003cpre\u003e\nLorem ipsum dolor sit amet, consectetur adipiscing elit. \u003cstrike\u003eSed do eiusmod tempor incididunt ut labore et dolore magna\naliqua.\u003c/strike\u003e Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. \u003cstrike\u003eExcepteur sint\noccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\u003c/strike\u003e\n\u003c/pre\u003e\n\n````md\n\u003cstrike\u003e\n\n```js\nconsole.log('Error');\n```\n\n\u003c/strike\u003e\n````\n\n\u003cstrike\u003e\n\n```js\nconsole.log('Error');\n```\n\n\u003c/strike\u003e\n\n## Boxed\n\n```md\n\u003ctable\u003e\u003ctr\u003e\u003ctd\u003eThe quick brown fox jumps over the lazy dog.\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n```\n\n\u003ctable\u003e\u003ctr\u003e\u003ctd\u003eThe quick brown fox jumps over the lazy dog.\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\n## Subscript\n\n```md\nlog\u003csub\u003e2\u003c/sub\u003e(x)\nSubscript \u003csub\u003eThe quick brown fox jumps over the lazy dog.\u003c/sub\u003e\n```\n\nlog\u003csub\u003e2\u003c/sub\u003e(x)\n\nSubscript \u003csub\u003eThe quick brown fox jumps over the lazy dog.\u003c/sub\u003e\n\n## Superscript\n\n```md\n2 \u003csup\u003e53-1\u003c/sup\u003e and -2 \u003csup\u003e53-1\u003c/sup\u003e\nSuperscript \u003csup\u003eThe quick brown fox jumps over the lazy dog.\u003c/sup\u003e\n```\n\n2 \u003csup\u003e53-1\u003c/sup\u003e and -2 \u003csup\u003e53-1\u003c/sup\u003e\n\nSuperscript \u003csup\u003eThe quick brown fox jumps over the lazy dog.\u003c/sup\u003e\n\n## Small Text\n\nStart \u003csup\u003e\u003csub\u003eThe quick brown fox jumps over the lazy dog.\u003c/sub\u003e\u003c/sup\u003e End\n\nStart \u003csub\u003e\u003csup\u003eThe quick brown fox jumps over the lazy dog.\u003c/sup\u003e\u003c/sub\u003e End\n\n```md\nStart \u003csup\u003e\u003csub\u003eThe quick brown fox jumps over the lazy dog.\u003c/sub\u003e\u003c/sup\u003e End\n\nStart \u003csub\u003e\u003csup\u003eThe quick brown fox jumps over the lazy dog.\u003c/sup\u003e\u003c/sub\u003e End\n```\n\n## Text Color\n\nUsing [MathJax](#mathematical-expressions-19-july-2022) syntax:\n\n| Color Name      | Code                                                                                         | Example                                                        |\n|-----------------|----------------------------------------------------------------------------------------------|----------------------------------------------------------------|\n| Apricot         | `$\\color{Apricot}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$`                    | $\\color{Apricot}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$      |\n| Aquamarine      | `$\\color{Aquamarine}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$`                 | $\\color{Aquamarine}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$   |\n| Bittersweet     | `$\\color{Bittersweet}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$`                | $\\color{Bittersweet}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$  |\n| Black           | `$\\color{Black}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$`                      | $\\color{Black}{The\\ quick\\ brown\\ fox\\ jumps\\ over\\ the\\ lazy\\ dog.}$        |\n\n[Full Table](./MathJax.md)\n\n## Multiline\n\nThe quick\\\nbrown fox\\\njumps over\\\nthe lazy dog.\n\n```md\nThe quick\\\nbrown fox\\\njumps over\\\nthe lazy dog.\n```\n\n# Syntax Highlighting\n\n## Inline code\n\nA class method is an instance method of the class object. When a new class is created, an object of type `Class` is initialized and assigned to a global constant (Mobile in this case).\n\nYou can use \u003ckbd\u003ecommand + e \u003c/kbd\u003e on Mac or \u003ckbd\u003econtrol + e\u003c/kbd\u003e on Windows to insert inline code.\n\n## Code block\n\n\u003c!-- markdownlint-disable MD040 --\u003e\n\n```\npublic static String monthNames[] = {\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"};\n```\n\n\u003c!-- markdownlint-enable MD040 --\u003e\n\n````md\n```\npublic static String monthNames[] = {\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"};\n```\n````\n\n```java\npublic static String monthNames[] = {\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"};\n```\n\n````md\n```java\npublic static String monthNames[] = {\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"};\n```\n````\n\nRefer to [this](https://github.com/github-linguist/linguist/blob/master/lib/linguist/languages.yml) and [this](https://github.com/github-linguist/linguist/tree/master/vendor) GitHub document to find all the valid keywords.\n\n## Diff Code block\n\n```diff\n## git diff a/test.txt b/test.txt\ndiff --git a/a/test.txt b/b/test.txt\nindex 309ee57..c995021 100644\n--- a/a/test.txt\n+++ b/b/test.txt\n@@ -1,8 +1,6 @@\n-The quick brown fox jumps over the lazy dog\n+The quick brown fox jumps over the lazy cat\n\n a\n-b\n c\n d\n-e\n f\n```\n\n````md\n```diff\n## git diff a/test.txt b/test.txt\ndiff --git a/a/test.txt b/b/test.txt\nindex 309ee57..c995021 100644\n--- a/a/test.txt\n+++ b/b/test.txt\n@@ -1,8 +1,6 @@\n-The quick brown fox jumps over the lazy dog\n+The quick brown fox jumps over the lazy cat\n\n a\n-b\n c\n d\n-e\n f\n```\n````\n\n```diff\n- Text in Red\n+ Text in Green\n! Text in Orange\n# Text in Gray\n@@ Text in Purple and bold @@\n```\n\n````md\n```diff\n- Text in Red\n+ Text in Green\n! Text in Orange\n# Text in Gray\n@@ Text in Purple and bold @@\n```\n````\n\n# Alignments\n\n```md\n\u003cp align=\"left\"\u003e\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\"/\u003e\n\u003c/p\u003e\n```\n\n\u003cp align=\"left\"\u003e\n\u003c!-- markdownlint-disable-next-line MD013 --\u003e\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\" alt=\"Vintage-style alarm clock with Roman numerals on its face, set on a surface covered with newspaper, with a blurred background.\"/\u003e\n\u003c/p\u003e\n\n```md\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\"/\u003e\n\u003c/p\u003e\n```\n\n\u003cp align=\"center\"\u003e\n\u003c!-- markdownlint-disable-next-line MD013 --\u003e\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\" alt=\"Vintage-style alarm clock with Roman numerals on its face, set on a surface covered with newspaper, with a blurred background.\"/\u003e\n\u003c/p\u003e\n\n```md\n\u003cp align=\"right\"\u003e\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\"/\u003e\n\u003c/p\u003e\n```\n\n\u003cp align=\"right\"\u003e\n\u003c!-- markdownlint-disable-next-line MD013 --\u003e\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\" alt=\"Vintage-style alarm clock with Roman numerals on its face, set on a surface covered with newspaper, with a blurred background.\"/\u003e\n\u003c/p\u003e\n\n```md\n\u003ch3 align=\"center\"\u003e My latest Medium posts \u003c/h3\u003e\n```\n\n\u003c!-- omit in toc --\u003e\n\u003ch3 align=\"center\"\u003e My latest Medium posts \u003c/h3\u003e\n\n# Tables\n\n```md\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd width=\"33%\"\u003e\nThe quick brown fox jumps over the lazy dog.\n\u003c/td\u003e\n\u003ctd width=\"33%\"\u003e\nThe quick brown fox jumps over the lazy dog.\n\u003c/td\u003e\n\u003ctd width=\"33%\"\u003e\nThe quick brown fox jumps over the lazy dog.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n```\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd width=\"33%\"\u003e\nThe quick brown fox jumps over the lazy dog.\n\u003c/td\u003e\n\u003ctd width=\"33%\"\u003e\nThe quick brown fox jumps over the lazy dog.\n\u003c/td\u003e\n\u003ctd width=\"33%\"\u003e\nThe quick brown fox jumps over the lazy dog.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n```md\n| Default | Left align | Center align | Right align |\n| - | :- | :-: | -: |\n| 9999999999 | 9999999999 | 9999999999 | 9999999999 |\n| 999999999 | 999999999 | 999999999 | 999999999 |\n| 99999999 | 99999999 | 99999999 | 99999999 |\n| 9999999 | 9999999 | 9999999 | 9999999 |\n\n| Default    | Left align | Center align | Right align |\n| ---------- | :--------- | :----------: | ----------: |\n| 9999999999 | 9999999999 | 9999999999   | 9999999999  |\n| 999999999  | 999999999  | 999999999    | 999999999   |\n| 99999999   | 99999999   | 99999999     | 99999999    |\n| 9999999    | 9999999    | 9999999      | 9999999     |\n\nDefault    | Left align | Center align | Right align\n---------- | :--------- | :----------: | ----------:\n9999999999 | 9999999999 | 9999999999   | 9999999999\n999999999  | 999999999  | 999999999    | 999999999\n99999999   | 99999999   | 99999999     | 99999999\n9999999    | 9999999    | 9999999      | 9999999\n```\n\n| Default | Left align | Center align | Right align |\n| - | :- | :-: | -: |\n| 9999999999 | 9999999999 | 9999999999 | 9999999999 |\n| 999999999 | 999999999 | 999999999 | 999999999 |\n| 99999999 | 99999999 | 99999999 | 99999999 |\n| 9999999 | 9999999 | 9999999 | 9999999 |\n\n| Default    | Left align | Center align | Right align |\n| ---------- | :--------- | :----------: | ----------: |\n| 9999999999 | 9999999999 | 9999999999   | 9999999999  |\n| 999999999  | 999999999  | 999999999    | 999999999   |\n| 99999999   | 99999999   | 99999999     | 99999999    |\n| 9999999    | 9999999    | 9999999      | 9999999     |\n\n\u003c!-- markdownlint-disable MD055 --\u003e\nDefault    | Left align | Center align | Right align\n---------- | :--------- | :----------: | ----------:\n9999999999 | 9999999999 | 9999999999   | 9999999999\n999999999  | 999999999  | 999999999    | 999999999\n99999999   | 99999999   | 99999999     | 99999999\n9999999    | 9999999    | 9999999      | 9999999\n\u003c!-- markdownlint-enable MD055 --\u003e\n\n```md\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003eHeading 1\u003c/th\u003e\n\u003cth\u003eHeading 2\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n| A | B | C |\n|--|--|--|\n| 1 | 2 | 3 |\n\n\u003c/td\u003e\u003ctd\u003e\n\n| A | B | C |\n|--|--|--|\n| 1 | 2 | 3 |\n\n\u003c/td\u003e\u003c/tr\u003e \u003c/table\u003e\n```\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003eHeading 1\u003c/th\u003e\n\u003cth\u003eHeading 2\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n| A | B | C |\n|--|--|--|\n| 1 | 2 | 3 |\n\n\u003c/td\u003e\u003ctd\u003e\n\n| A | B | C |\n|--|--|--|\n| 1 | 2 | 3 |\n\n\u003c/td\u003e\u003c/tr\u003e \u003c/table\u003e\n\n```md\n| A | B | C |\n|---|---|---|\n| 1 | 2 | 3 \u003cbr/\u003e 4 \u003cbr/\u003e 5 |\n```\n\n| A | B | C |\n|---|---|---|\n| 1 | 2 | 3 \u003cbr/\u003e 4 \u003cbr/\u003e 5 |\n\n```md\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003eBefore Hoisting\u003c/th\u003e\n\u003cth\u003eAfter Hoisting\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cpre lang=\"js\"\u003e\nconsole.log(fullName); // undefined\nfullName = \"Dariana Trahan\";\nconsole.log(fullName); // Dariana Trahan\nvar fullName;\n\u003c/pre\u003e\n\u003c/td\u003e\n\u003ctd\u003e\n\u003cpre lang=\"js\"\u003e\nvar fullName;\nconsole.log(fullName); // undefined\nfullName = \"Dariana Trahan\";\nconsole.log(fullName); // Dariana Trahan\n\u003c/pre\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n```\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003eBefore Hoisting\u003c/th\u003e\n\u003cth\u003eAfter Hoisting\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cpre lang=\"js\"\u003e\nconsole.log(fullName); // undefined\nfullName = \"Dariana Trahan\";\nconsole.log(fullName); // Dariana Trahan\nvar fullName;\n\u003c/pre\u003e\n\u003c/td\u003e\n\u003ctd\u003e\n\u003cpre lang=\"js\"\u003e\nvar fullName;\nconsole.log(fullName); // undefined\nfullName = \"Dariana Trahan\";\nconsole.log(fullName); // Dariana Trahan\n\u003c/pre\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n# Links\n\n## Inline\n\n```md\n[The-Ultimate-Markdown-Cheat-Sheet](https://github.com/lifeparticle/Markdown-Cheatsheet)\n```\n\n[The-Ultimate-Markdown-Cheat-Sheet](https://github.com/lifeparticle/The-Ultimate-Markdown-Cheat-Sheet)\n\n## Reference\n\n```md\n[The-Ultimate-Markdown-Cheat-Sheet][reference text]\n\n[The-Ultimate-Markdown-Cheat-Sheet][1]\n\n[Markdown-Cheat-Sheet]\n\n[reference text]: https://github.com/lifeparticle/Markdown-Cheatsheet\n[1]: https://github.com/lifeparticle/Markdown-Cheatsheet\n[Markdown-Cheat-Sheet]: https://github.com/lifeparticle/Markdown-Cheatsheet\n```\n\n[The-Ultimate-Markdown-Cheat-Sheet][reference text]\n\n[The-Ultimate-Markdown-Cheat-Sheet][1]\n\n[Markdown-Cheat-Sheet]\n\n[reference text]: https://github.com/lifeparticle/The-Ultimate-Markdown-Cheat-Sheet\n[1]: https://github.com/lifeparticle/The-Ultimate-Markdown-Cheat-Sheet\n[Markdown-Cheat-Sheet]: https://github.com/lifeparticle/The-Ultimate-Markdown-Cheat-Sheet\n\n## Footnote\n\nFootnote.[^1]\n\nSome other important footnote.[^2]\n\n[^1]: This is footnote number one.\n[^2]: Here is the second footnote.\n\n```md\nFootnote.[^1]\n\nSome other important footnote.[^2]\n\n[^1]: This is footnote number one.\n[^2]: Here is the second footnote.\n```\n\n\u003cimg width=\"264\" alt=\"Screen Shot 2024-02-06 at 8 23 52 pm\" src=\"https://github.com/lifeparticle/Markdown-Cheatsheet/assets/1612112/f55f13ff-8566-48f8-9353-edf3474523fd\"\u003e\n\n## Relative\n\n```md\n[Example of a relative link](rl.md)\n```\n\n[Example of a relative link](rl.md)\n\n## Auto\n\n```md\nVisit https://github.com/\n```\n\nVisit https://github.com/\n\n```md\nEmail at example@example.com\n```\n\nEmail at example@example.com\n\n## Section\n\n\u003cimg width=\"503\" alt=\"Screen Shot 2024-02-04 at 12 49 07 pm\" src=\"https://github.com/lifeparticle/Markdown-Cheatsheet/assets/1612112/fd69c9d9-82d7-44ce-a1ed-2e8d48881097\"\u003e\n\n## Hover\n\nYou can use [BinaryTree](https://binarytree.dev/ \"Array of Developer Productivity Tools Designed to Help You Save Time\") to create markdown tables.\n\n\u003c!-- markdownlint-disable MD051 --\u003e\nYou can use [BinaryTree](## \"Array of Developer Productivity Tools Designed to Help You Save Time\") to create markdown tables.\n\n## Enclosed\n\n```md\n\u003chttps://github.com/\u003e\n```\n\n\u003chttps://github.com/\u003e\n\n## Highlight words and link it to a URL\n\n```md\n[BinaryTree](https://binarytree.dev/)\n```\n\n[BinaryTree](https://binarytree.dev/)\n\n![Jun-15-2024 09-55-51](https://github.com/lifeparticle/Markdown-Cheatsheet/assets/1612112/68d9c7a9-6b05-472f-bbc6-c1e180674502)\n\n# Images\n\nAlt text and title are optional.\n\n```md\n![alt text](https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=100\u0026q=80 \"Title text\")\n```\n\n![alt text](https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=100\u0026q=80)\n\n```md\n![alt text][image]\n\n[image]: https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=100\u0026q=80 \"Title text\"\n```\n\n![alt text][image]\n\n[image]: https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=100\u0026q=80 \"Title text\"\n\n```md\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\"/\u003e\n```\n\n\u003c!-- markdownlint-disable-next-line MD013 --\u003e\n\u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" border=\"10\" alt=\"alt text\"/\u003e\n\n\u003cimg src=\"https://media.giphy.com/media/qLHzYjlA2FW8g/giphy.gif\" alt=\"GIF of students in a grand hall joyfully throwing their graduation caps into the air in celebration, with large banners and lit torches decorating the background.\"/\u003e\n\n```md\n\u003cimg src=\"https://media.giphy.com/media/qLHzYjlA2FW8g/giphy.gif\" /\u003e\n```\n\n\u003cimg src=\"https://img.shields.io/badge/theultimatemarkdowncheatsheet-brightgreen.svg\" alt=\"Green button with the text 'theultimatemarkdowncheatsheet' in white letters.\"/\u003e\n\n```md\n\u003cimg src=\"https://img.shields.io/badge/theultimatemarkdowncheatsheet-brightgreen.svg\" /\u003e\n```\n\n\u003cimg src=\"./supported_file_extensions/md.svg\" alt=\"Animated SVG of the text 'Markdown-Cheatsheet' in white letters.\"/\u003e\n\n```md\n\u003cimg src=\"./supported_file_extensions/md.svg\" alt=\"Animated SVG of the text 'Markdown-Cheatsheet' in white letters.\"/\u003e\n```\n\n[![BinaryTree](https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png)](https://binarytree.dev/)\n\n```md\n[![BinaryTree](https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png)](https://binarytree.dev/)\n```\n\n\u003c!-- markdownlint-disable-next-line MD013 --\u003e\n\u003ca href='https://binarytree.dev/' target='_blank'\u003e \u003cimg src='https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png' alt=\"Logo of BinaryTree featuring a hexagonal icon and the text 'BINARY TREE' in capital letters to the right of the icon.\"/\u003e \u003c/a\u003e\n\n```md\n\u003ca href='https://binarytree.dev/' target='_blank'\u003e \u003cimg src='https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png' /\u003e \u003c/a\u003e\n```\n\n## Theme\n\n### Using picture tag\n\nThe HTML `\u003cpicture\u003e` element, along with the `prefers-color-scheme` media feature, enables you to dynamically adjust images according to the user's color scheme preference, providing options for both light and dark modes.\n\nFor example, the code snippet below demonstrates how to display a dark-themed BinaryTree logo when the user's device is set to a dark mode, and a light-themed BinaryTree logo for light mode settings:\n\n```md\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_dark.png\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png\"\u003e\n  \u003cimg alt=\"BinaryTree\" src=\"https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png\" width=\"200\"\u003e\n\u003c/picture\u003e\n```\n\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_dark.png\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png\"\u003e\n  \u003cimg alt=\"BinaryTree\" src=\"https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png\" width=\"200\"\u003e\n\u003c/picture\u003e\n\n### Using dark and light mode\n\n```md\n[![Badge][Logo-dark]](https://binarytree.dev#gh-dark-mode-only)\n[![Badge][Logo-light]](https://binarytree.dev#gh-light-mode-only)\n\n[Logo-dark]: https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=graywhite\u0026show_icons=true#gh-light-mode-only\n[Logo-light]: https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=dark\u0026show_icons=true#gh-dark-mode-only\n```\n\n[![Badge][Logo-dark]](https://binarytree.dev#gh-dark-mode-only)\n[![Badge][Logo-light]](https://binarytree.dev#gh-light-mode-only)\n\n[Logo-light]: https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=graywhite\u0026show_icons=true#gh-light-mode-only\n[Logo-dark]: https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=dark\u0026show_icons=true#gh-dark-mode-only\n\n```md\n\u003ca href=\"https://github.com/anuraghazra/github-readme-stats#gh-light-mode-only\"\u003e\n  \u003cimg src=\"https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=graywhite\u0026show_icons=true#gh-light-mode-only\" width=\"350\"  alt=\"This image shows a summary of Mahbub Zaman's GitHub statistics.\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/anuraghazra/github-readme-stats#gh-dark-mode-only\"\u003e\n  \u003cimg src=\"https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=dark\u0026show_icons=true#gh-dark-mode-only\" width=\"350\"  alt=\"This image shows a summary of Mahbub Zaman's GitHub statistics.\"/\u003e\n\u003c/a\u003e\n```\n\n\u003ca href=\"https://github.com/anuraghazra/github-readme-stats#gh-light-mode-only\"\u003e\n  \u003cimg src=\"https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=graywhite\u0026show_icons=true#gh-light-mode-only\" width=\"350\"  alt=\"This image shows a summary of Mahbub Zaman's GitHub statistics.\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/anuraghazra/github-readme-stats#gh-dark-mode-only\"\u003e\n  \u003cimg src=\"https://github-readme-stats.vercel.app/api?username=lifeparticle\u0026theme=dark\u0026show_icons=true#gh-dark-mode-only\" width=\"350\"  alt=\"This image shows a summary of Mahbub Zaman's GitHub statistics.\"/\u003e\n\u003c/a\u003e\n\n## Group\n\nHorizontal images\n\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n\n```md\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n```\n\nHorizontal images with gap\n\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" hspace=\"5\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" hspace=\"5\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" hspace=\"5\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n\n```md\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" hspace=\"5\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" hspace=\"5\" alt=\"alt text\"/\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" hspace=\"5\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n```\n\nVertical images\n\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n\n```md\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n```\n\nVertical images with gap\n\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" vspace=\"5\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" vspace=\"5\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n\n```md\n\u003cp\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" vspace=\"5\" alt=\"alt text\"/\u003e\n  \u003cbr\u003e\u003cbr\u003e\n  \u003cimg src=\"https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1\u0026ixid=eyJhcHBfaWQiOjEyMDd9\u0026auto=format\u0026fit=crop\u0026w=2772\u0026q=80\" width=\"100\" height=\"100\" vspace=\"5\" alt=\"alt text\"/\u003e\n\u003c/p\u003e\n```\n\n# Badges\n\n```md\n![GitHub forks](https://img.shields.io/github/forks/lifeparticle/Markdown-Cheatsheet?style=for-the-badge)\n```\n\n![GitHub forks](https://img.shields.io/github/forks/lifeparticle/Markdown-Cheatsheet?style=for-the-badge)\n\n# Videos\n\nTo embed a video in Markdown, you need to first upload the video file and then reference it inline:\n\nhttps://github.com/user-attachments/assets/90c624e0-f46b-47a7-8509-97585dc3688a\n\n```md\nhttps://github.com/user-attachments/assets/90c624e0-f46b-47a7-8509-97585dc3688a\n```\n\n# Lists\n\n## Ordered\n\nMac: \u003ckbd\u003ecommand+shift+7\u003c/kbd\u003e\n\nWindows: \u003ckbd\u003econtrol+shift+7\u003c/kbd\u003e\n\n```md\n1. One\n2. Two\n3. Three\n```\n\n1. One\n2. Two\n3. Three\n\n```md\n1. First level\n    1. Second level\n        - Third level\n            - Fourth level\n2. First level\n    1. Second level\n3. First level\n    1. Second level\n```\n\n1. First level\n    1. Second level\n        - Third level\n            - Fourth level\n2. First level\n    1. Second level\n3. First level\n    1. Second level\n\n## Unordered\n\nMac: \u003ckbd\u003ecommand+shift+8\u003c/kbd\u003e\n\nWindows: \u003ckbd\u003econtrol+shift+8\u003c/kbd\u003e\n\n```md\n* 1\n* 2\n* 3\n\n+ 1\n+ 2\n+ 3\n\n\n- 1\n- 2\n- 3\n```\n\n\u003c!-- markdownlint-disable MD004 --\u003e\n\n* 1\n* 2\n* 3\n\n+ 1\n+ 2\n+ 3\n\n\u003c!-- markdownlint-enable MD004 --\u003e\n\n- 1\n- 2\n- 3\n\n```md\n- First level\n  - Second level\n    - Third level\n      - Fourth level\n- First level\n  - Second level\n- First level\n  - Second level\n```\n\n- First level\n  - Second level\n    - Third level\n      - Fourth level\n- First level\n  - Second level\n- First level\n  - Second level\n\n```md\n\u003cul\u003e\n\u003cli\u003eFirst item\u003c/li\u003e\n\u003cli\u003eSecond item\u003c/li\u003e\n\u003cli\u003eThird item\u003c/li\u003e\n\u003cli\u003eFourth item\u003c/li\u003e\n\u003c/ul\u003e\n```\n\n\u003cul\u003e\n\u003cli\u003eFirst item\u003c/li\u003e\n\u003cli\u003eSecond item\u003c/li\u003e\n\u003cli\u003eThird item\u003c/li\u003e\n\u003cli\u003eFourth item\u003c/li\u003e\n\u003c/ul\u003e\n\n## Task\n\n```md\n- [x] Fix Bug 223\n- [ ] Add Feature 33\n- [ ] Add unit tests\n```\n\n- [x] Fix Bug 223\n- [ ] Add Feature 33\n- [ ] Add unit tests\n\n# Buttons\n\n```md\n\u003ckbd\u003ecmd + shift + p\u003c/kbd\u003e\n```\n\n\u003ckbd\u003ecmd + shift + p\u003c/kbd\u003e\n\n```md\n\u003ckbd\u003e \u003cbr\u003e cmd + shift + p \u003cbr\u003e \u003c/kbd\u003e\n```\n\n\u003ckbd\u003e \u003cbr\u003e cmd + shift + p \u003cbr\u003e \u003c/kbd\u003e\n\n```md\n\u003ckbd\u003e[Markdown-Cheatsheet](https://github.com/lifeparticle/Markdown-Cheatsheet)\u003c/kbd\u003e\n```\n\n\u003ckbd\u003e[Markdown-Cheatsheet](https://github.com/lifeparticle/Markdown-Cheatsheet)\u003c/kbd\u003e\n\n```md\n[\u003ckbd\u003eMarkdown-Cheatsheet\u003c/kbd\u003e](https://github.com/lifeparticle/Markdown-Cheatsheet)\n```\n\n[\u003ckbd\u003eMarkdown-Cheatsheet\u003c/kbd\u003e](https://github.com/lifeparticle/Markdown-Cheatsheet)\n\n## Button with emoji\n\n\u003c!-- markdownlint-disable-next-line MD013 --\u003e\n\u003ckbd\u003e \u003cbr\u003e [Markdown-Cheatsheet](https://github.com/lifeparticle/Markdown-Cheatsheet) ↗️ \u003cbr\u003e \u003c/kbd\u003e\n\n```md\n\u003ckbd\u003e \u003cbr\u003e [Markdown-Cheatsheet](https://github.com/lifeparticle/Markdown-Cheatsheet) ↗️ \u003cbr\u003e \u003c/kbd\u003e\n```\n\n# Collapsible items (28 July 2023)\n\n```md\n\u003cdetails\u003e\n  \u003csummary\u003eMarkdown\u003c/summary\u003e\n\n-  \u003ckbd\u003e[Markdown Editor](https://binarytree.dev/me)\u003c/kbd\u003e\n-  \u003ckbd\u003e[Table Of Content](https://binarytree.dev/toc)\u003c/kbd\u003e\n-  \u003ckbd\u003e[Markdown Table Generator](https://binarytree.dev/md_table_generator)\u003c/kbd\u003e\n\n\u003c/details\u003e\n```\n\n\u003cdetails\u003e\n  \u003csummary\u003eMarkdown\u003c/summary\u003e\n\n- \u003ckbd\u003e[Markdown Editor](https://binarytree.dev/me)\u003c/kbd\u003e\n- \u003ckbd\u003e[Table Of Content](https://binarytree.dev/toc)\u003c/kbd\u003e\n- \u003ckbd\u003e[Markdown Table Generator](https://binarytree.dev/md_table_generator)\u003c/kbd\u003e\n\n\u003c/details\u003e\n\n# Horizontal Rule\n\n```md\n---\n***\n___\n```\n\n---\n\n\u003c!-- markdownlint-disable-next-line MD035 --\u003e\n***\n\n\u003c!-- markdownlint-disable-next-line MD035 --\u003e\n___\n\n# Diagrams (19 July 2022)\n\n````md\n```mermaid\npie\n\"Movies\" : 80\n\"TV shows\" : 20\n```\n````\n\n```mermaid\npie\n\"Movies\" : 80\n\"TV shows\" : 20\n```\n\n# Mathematical expressions (19 July 2022)\n\n\u003e [!IMPORTANT]\n\u003e Check out the official documentation on [GitHub](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/writing-mathematical-expressions) to learn more about writing and formatting MathJax syntax.\n\n```md\nThis is an inline math expression $x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}$\n```\n\nThis is an inline math expression $x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}$\n\n```md\n$$\nx = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}\n$$\n```\n\n$$\nx = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}\n$$\n\n# Alerts (8 January 2024)\n\n```md\n\u003e [!NOTE]\n\u003e Essential details that users should not overlook, even when browsing quickly.\n\n\u003cbr\u003e\n\n\u003e [!TIP]\n\u003e Additional advice to aid users in achieving better outcomes.\n\n\u003cbr\u003e\n\n\u003e [!IMPORTANT]\n\u003e Vital information required for users to attain success.\n\n\u003cbr\u003e\n\n\u003e [!WARNING]\n\u003e Urgent content that requires immediate user focus due to possible risks.\n\n\u003cbr\u003e\n\n\u003e [!CAUTION]\n\u003e Possible negative outcomes resulting from an action.\n```\n\n\u003e [!NOTE]\n\u003e Essential details that users should not overlook, even when browsing quickly.\n\n\u003cbr\u003e\n\n\u003e [!TIP]\n\u003e Additional advice to aid users in achieving better outcomes.\n\n\u003cbr\u003e\n\n\u003e [!IMPORTANT]\n\u003e Vital information required for users to attain success.\n\n\u003cbr\u003e\n\n\u003e [!WARNING]\n\u003e Urgent content that requires immediate user focus due to possible risks.\n\n\u003cbr\u003e\n\n\u003e [!CAUTION]\n\u003e Possible negative outcomes resulting from an action.\n\n# Mention people and teams\n\nIn issues:\n\n```md\n@lifeparticle\n```\n\n[Example shown in issue](https://github.com/lifeparticle/Markdown-Cheatsheet/issues/1)\n\nIn markdown file:\n\n```md\nhttps://github.com/lifeparticle\n```\n\nhttps://github.com/lifeparticle\n\n# Reference issues and pull requests\n\nIn issues:\n\n```md\n#1\n#10\n```\n\n[Example shown in issue](https://github.com/lifeparticle/Markdown-Cheatsheet/issues/1)\n\nIn markdown file:\n\n```md\nhttps://github.com/lifeparticle/Markdown-Cheatsheet/issues/1\nhttps://github.com/lifeparticle/Markdown-Cheatsheet/pull/10\n```\n\nhttps://github.com/lifeparticle/Markdown-Cheatsheet/issues/1\n\nhttps://github.com/lifeparticle/Markdown-Cheatsheet/pull/10\n\n# Color models\n\nIn issues:\n\n```md\n`#ffffff`\n`#000000`\n```\n\n[Example shown in issue](https://github.com/lifeparticle/Markdown-Cheatsheet/issues/1)\n\n![image](https://github.com/user-attachments/assets/523128b8-e877-4e6f-884c-28691eaa1d8f)\n\n# View Code\n\nClick either the Code (top right) or Raw (top left) option to see the markdown code.\n\n\u003cimg width=\"1470\" alt=\"code\" src=\"https://github.com/lifeparticle/Markdown-Cheatsheet/assets/1612112/b70541b0-fce8-4f5e-97f4-6443c20b98ec\"\u003e\n\n\u003e [!NOTE]\n\u003e Make sure you have clicked the markdown file to see the above view.\n\n\u003cimg width=\"907\" alt=\"file\" src=\"https://github.com/lifeparticle/Markdown-Cheatsheet/assets/1612112/a4423154-69de-43c1-aeb5-5348b9f05088\"\u003e\n\n# Code in titles\n\nIn issue, and pull request titles.\n\n`TEST` ISSUE\n\n```md\n\n`TEST` ISSUE\n\n```\n\n\u003cimg width=\"520\" alt=\"Screen Shot 2024-06-05 at 12 11 37 pm\" src=\"https://github.com/lifeparticle/Markdown-Cheatsheet/assets/1612112/33002e7e-e75b-44c8-8585-933df7a1a7a8\"\u003e\n\n# Reference Labels\n\nLabels referenced by URLs in Markdown are now automatically rendered.\n\nhttps://github.com/lifeparticle/Markdown-Cheatsheet/labels/documentation\n\n```md\nhttps://github.com/lifeparticle/Markdown-Cheatsheet/labels/documentation\n```\n\n# Miscellaneous\n\n## Comments\n\n\u003c!--\nLorem ipsum dolor sit amet\n--\u003e\n\n```md\n\u003c!--\nLorem ipsum dolor sit amet\n--\u003e\n```\n\n## Escaping Markdown Characters\n\n- **Before escaping**\n\n```md\n* Asterisk\n\\ Backslash\n` Backtick\n{} Curly braces\n. Dot\n! Exclamation mark\n# Hash symbol\n\n- Hyphen symbol\n\n() Parentheses\n\n+ Plus symbol\n\n[] Square brackets\n_ Underscore`\n```\n\n* Asterisk \u003c!-- markdownlint-disable-line MD004 --\u003e\n\\ Backslash\n` Backtick\n{} Curly braces\n. Dot\n! Exclamation mark\n\u003c!-- omit in toc --\u003e\n# Hash symbol \u003c!-- markdownlint-disable-line MD022 --\u003e\n\n- Hyphen symbol\n\n() Parentheses\n\n+ Plus symbol \u003c!-- markdownlint-disable-line MD004 --\u003e\n\n[] Square brackets\n_ Underscore\n\n- **After escaping**\n\n```md\n\\* Asterisk\n\\\\ Backslash\n\\` Backtick\n\\{} Curly braces\n\\. Dot\n\\! Exclamation mark\n\\# Hash symbol\n\\- Hyphen symbol\n\\() Parentheses\n\\+ Plus symbol\n\\[] Square brackets\n\\_ Underscore\n```\n\n\\* Asterisk\n\\\\ Backslash\n\\` Backtick\n\\{} Curly braces\n\\. Dot\n\\! Exclamation mark\n\\# Hash symbol\n\\- Hyphen symbol\n\\() Parentheses\n\\+ Plus symbol\n\\[] Square brackets\n\\_ Underscore\n\n## Emojis\n\n```md\n:octocat:\n```\n\n:octocat:\n\n[Complete list of github markdown emoji markup](https://gist.github.com/rxaviers/7360908)\n\n## Line break\n\n\u003c!-- markdownlint-disable-next-line MD038 --\u003e\nYou can use `\u003cbr\u003e` to insert a single line break. Make sure to use an em space ` `. For example:\n\n```md\n\u003ctable\u003e\u003ctr\u003e\u003ctd\u003e \u003cbr\u003e The quick brown fox jumps over the lazy dog. \u003cbr\u003e \u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n```\n\n\u003ctable\u003e\u003ctr\u003e\u003ctd\u003e \u003cbr\u003e The\n quick brown fox jumps over the lazy\n  dog. \u003cbr\u003e \u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\nOr\n\n```md\n\u003ctable\u003e\u003ctr\u003e\u003ctd\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e The quick brown fox jumps over the lazy dog. \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n```\n\n\u003ctable\u003e\u003ctr\u003e\u003ctd\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e The\n quick brown fox jumps over the lazy\n  dog. \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\n## Back to top\n\nFirst place the following code at start of your markdown file\n\n```md\n\u003ca name=\"top\"\u003e\u003c/a\u003e\n```\n\nThen use one of the following code at the place you want to return to top.\n\n[Back to top](#top)\n\n[:arrow_up:](#top)\n\n```md\n[Back to top](#top)\n\n[:arrow_up:](#top)\n```\n\n# Bitbucket\n\nBitbucket Supported Markdown for [READMEs](https://confluence.atlassian.com/bitbucketserver/markdown-syntax-guide-776639995.html). Also, create a [table of contents](https://support.atlassian.com/bitbucket-cloud/docs/add-a-table-of-contents-to-a-wiki/).\n\n# Azure DevOps Project wiki\n\nAzure DevOps Supported Markdown for [Project wiki](https://learn.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops).\n\n# MDX\n\nYou can write JSX in your markdown document using [MDX](https://mdxjs.com/).\n\n# Tools\n\n1. Create a Markdown table of content - [binarytree](https://binarytree.dev/markdown/toc), [github-markdown-toc](https://github.com/ekalinin/github-markdown-toc)\n2. Create an empty Markdown table - [Tablesgenerator](https://www.tablesgenerator.com/markdown_tables)\n3. Convert Excel to Markdown table - [Tableconvert](https://tableconvert.com/)\n4. Markdown preview for Sublime Text 3 - [Packagecontrol](https://packagecontrol.io/packages/MarkdownPreview)\n5. Markdown preview Visual Studio Code - [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)\n6. A collection of awesome markdown goodies - [Awesome Markdown](https://github.com/mundimark/awesome-markdown)\n7. Markdownlint - [markdownlint](https://github.com/DavidAnson/markdownlint), [markdownlint-cli2](https://github.com/DavidAnson/markdownlint-cli2), [markdownlint-cli2-action](https://github.com/DavidAnson/markdownlint-cli2-action), [vscode-markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint)\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n  This README has been optimized for accessibility based on GitHub's blogpost\n  \"[Tips for Making your GitHub Profile Page Accessible](https://github.blog/2023-10-26-5-tips-for-making-your-github-profile-page-accessible)\".\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifeparticle%2FMarkdown-Cheatsheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flifeparticle%2FMarkdown-Cheatsheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifeparticle%2FMarkdown-Cheatsheet/lists"}