2e:null 2f:["$","title",null,{"children":"Markdown summary | Adam J Limbert | Observable"}] 34:T908,md` # Markdown summary | Desired style | Use the following Markdown annotation | Produces the following sample HTML | | -------------- | ------------------------------------- | ---------------------------------- | | Heading 1 | # Title | \`Title\` | | Heading 2 | ## Title | \`Title\` | | Heading 3 | ### Title | \`Title\` | | Heading 4 | #### Title | \`Title\` | | Heading 5 | ##### Title | \`Title\` | | Heading 6 | ###### Title | \`Title\` | | Paragraph | Just start typing | \`

Just start typing

Text

Statement 1Statement 2Statement 3

\`| | List (unordered) | \\* List item 1
\\* List item 2
\\* List item 3| \`

List item 1
List item 2
List item 3

\`| | List (ordered) | 1. List item 1
1. List item 2
1. List item 3| \`

List item 1
List item 2
List item 3

\`| | Images | \\!\\[Alternate text for image](path/image.jpg) | \` $Alternative text for image>\` | | Hyperlinks | \\[Link text](https://www.perthobservatory.com.au/) | \`<a href=$ Link text\` | | [Unicode characters](https://www.rapidtables.com/code/text/unicode-characters.html) (✔) | \`\✔\` | \`\✔\` | `35:[] 32:{"id":"527bda6312ddde4e","slug":"github-flavored-markdown-cheatsheet-observable","title":"Markdown summary","thumbnail":"beb80504148e8d4f71eb857b6b0500dbac59ed3f3499db9a6744bfba0ec05f41","access_level":"public","create_time":"$D2018-03-06T03:15:20.834Z","update_time":"$D2018-08-21T01:28:54.975Z","view_time":null,"first_public_time":"$D2018-03-20T12:56:49.631Z","has_unpublished_edits":null,"fork":false,"stars":45,"starred":false,"owner":{"type":"team","id":"2399f489701da700","login":"ajlimbert","name":"Adam J Limbert","avatar_url":"https://avatars-next.observableusercontent.com/bbf9311fb0a85d245e85d676a3920d4808090aa980ec536105cdf79684ac0042","tier":"starter_2024"},"version":554,"publish_version":554,"role":null,"authored":false,"authors":[{"type":"individual","id":"02634a96a84a2731","login":"ajlimbert","name":"Adam J Limbert","avatar_url":"https://avatars-next.observableusercontent.com/bbf9311fb0a85d245e85d676a3920d4808090aa980ec536105cdf79684ac0042","tier":null}],"members":[{"type":"individual","id":"02634a96a84a2731","login":"ajlimbert","name":"Adam J Limbert","avatar_url":"https://avatars-next.observableusercontent.com/bbf9311fb0a85d245e85d676a3920d4808090aa980ec536105cdf79684ac0042","tier":null,"role":"editor"}],"comments":[{"id":"aa91c7ec3c25ac88","reply_to_id":null,"content":"You can also use ~~~ instead of \\`\\`\\` which needs no escaping!","create_time":"$D2021-04-24T17:39:41.070Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"dbf69c13a14d2f62","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":18,"collection":null,"type":"notebook","body":{"title":"Markdown summary","cells":[{"id":106,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`\n# Github-flavored Markdown Cheatsheet (Observable)\nA cheatsheet for [Github-flavored Markdown](https://github.github.com/gfm/) syntax in [Observable](http://beta.observablehq.com). Click [here](https://gist.github.com/ajlimbert/00108389109f8fe6c9362da72746f6c0) for the GitHub Gist version\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`\n# Heading styles\nHeading styles 1 to 6.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"md`\n# Heading 1\nThis is paragraph text inside Header 1. Heading 1 (#) converts to HTML tag \\`

\\`.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"md`\n## Heading 2\nThis is paragraph text inside Header 2. Heading 2 (##) converts to HTML tag \\`

\\`.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"md`\n### Heading 3\nThis is paragraph text inside Header 3. Heading 3 (###) converts to HTML tag \\`

\\`.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"md`\n#### Heading 4\nThis is paragraph text inside Header 4. Heading 4 (#####) converts to HTML tag \\`

\\`.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"md`\n##### Heading 5\nThis is paragraph text inside Header 5. Heading 5 (#####) converts to HTML tag \\`

\\`.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"md`\n###### Heading 6\nThis is paragraph text inside Header 6. Heading 6 (######) converts to HTML tag \\`

\\`.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"md`\n# Formatting styles\nYou can format your text in a variety of ways.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"md`\n## Paragraph\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"md`\nThis is normal paragraph text. It requires no special annotation. Simply type what you want to say.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"md`\n## Bold\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"md`\nThis is bold text using double asterisks (\\\\\\\\) to surround the text.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"md`\n## Italic\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"md`\nThis is italic text using single asterisks (\\\\*) to surround the text. This is ** bold and italic text.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"md`\n## Strikethrough\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"md`\nThis text has been struck through. To do this, use double tildes (\\\\~\\\\~) to surround the text.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"md`\n## Quoted\nThe following example demonstrates quoted text:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"md`\n> Tip:** This is an example of quoted text.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"md`\n## Special characters\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"md`\nBecause Markdown syntax uses characters like \\* and \\>, you'll have to escape them with a backslash (\\\\\\\\) if you want to display it in your output. \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":491,"value":"md`\n## HTML and Unicode\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"md`\nIf you can't do it in Markdown, you can always fall back to HTML. If you like, you can even insert Unicode characters such as this heavy checkmark ([✔](https://www.rapidtables.com/web/html/html-codes/htm-code-check.html)) or this copyright sign ([Ⓒ](https://www.rapidtables.com/web/html/html-codes/html-code-copyright.html)).\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"md`\n## Code\nCode comes in two flavors: inline and fenced.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"md`\n### Inline\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"md`\nThis is \\`\\`inline code using double backticks\\`\\` to surround the text. Note that in [Observable](http://beta.observablehq.com) we had to escape the backticks to get this to work.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"md`\n### Fenced\nAn example of a fenced code block using triple backticks is shown below.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"md`\n\\`\\`\\`\nThis is line 1 of a fenced code block.\nThis is line 2.\nThis is line 3.\nThis is line 4.\n\\`\\`\\`\n\nNote again that in [Observable](http://beta.observablehq.com) we had to escape the backticks to get this to work.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"md`\nYou can also specify the language so that appropriate syntax highlighting can be applied. In the example below, we have specified HTML:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"md`\n\\`\\`\\`HTML\n

Moving from Word to the Web via Gitbook and Markdown<\\h1>\n
HTML:
\n
PDF:
\n
Source:
\n\\`\\`\\`\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"md`\n# Lists\nLists can be ordered, unordered, or a combination of both.\n## Ordered list\nAlso known as a numbered list. Simply start each line with a number. Indent to start a list of subitems.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"md`\n\n1. This is the first item in an ordered list\n2. This is the second item in an ordered list\n3. This is the third item in an ordered list\n 1. This is the first subitem of the third item in the ordered list\n 2. This is the second subitem of the third item in the ordered list\n4. This is the fourth item in an unordered list\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":388,"value":"md`\n## Unordered list\nAlso known as a bullet list. Simply start each line with an asterisk. Indent to start a list of subitems.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":390,"value":"md`\n* This is the first item in an unordered list\n* This is the second item in an unordered list\n* This is the third item in an unordered list\n * This is the first subitem of the third item in the unordered list\n * This is the second subitem of the third item in the unordered list\n* This is the fourth item in an unordered list\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"md`\n## Mixed list\n\nThis is a mixed list of ordered and unordered items. Note the automatic numbering in the output despite the application of the same starting number each time (\\`1\\`) in the Markdown sample.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"md`\n1. This is the first item in an ordered list\n1. This is the second item in an ordered list\n * This is the first subitem of the second item in the ordered list\n * This is the second subitem of the third item in the ordered list\n * This is the third subitem of the third item in the ordered list\n1. This is the third item in an unordered list\n 1. This is the first subitem of the third item in the ordered list\n 1. This is the second subitem of the third item in the ordered list\n * This is the first subitem of the second subitem of the third item in the order list\n\t * Hopefully you've got the idea by now!\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"md`\n# Tables\n\nYou can create simple tables in Markdown.\n\n## Simple table\nA simple table.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"md`\n| Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 |\n| -------------- | -------------- | -------------- | -------------- | -------------- |\n| Row 1 Column 1 | Row 1 Column 2 | Row 1 Column 3 | Row 1 Column 4 | Row 1 Column 5 |\n| Row 2 Column 1 | Row 2 Column 2 | Row 2 Column 3 | Row 2 Column 4 | Row 2 Column 5 |\n| Row 3 Column 1 | Row 3 Column 2 | Row 3 Column 3 | Row 3 Column 4 | Row 3 Column 5 |\n| Row 4 Column 1 | Row 4 Column 2 | Row 4 Column 3 | Row 4 Column 4 | Row 4 Column 5 |\n| Row 5 Column 1 | Row 5 Column 2 | Row 5 Column 3 | Row 5 Column 4 | Row 5 Column 5 |\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"md`\n## Complex table\nTo create a complex table, you must embed HTML in your Markdown (or just use HTML alone).\n\nFor an example of a Markdown table with embedded HTML, review the Markdown summary section at the end of this notebook.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"md`\n# Images\n\nInsert an image using the following syntax: \n\n\\`\\!\\[Alt text\\]\$url/path\$\\`\n\nFor example, to insert an image from a website: \n\n\\`\\!\\[Chord Clock\\]\$https://gist.githubusercontent.com/ajlimbert/c2b349cb836aeb4ca5b4b696a7fc88c3/raw/f27e5d75c429e3ab94f91b7b4bc657f4c0e87e73/preview.png\$\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"md`\n![Chord Clock](https://gist.githubusercontent.com/ajlimbert/c2b349cb836aeb4ca5b4b696a7fc88c3/raw/f27e5d75c429e3ab94f91b7b4bc657f4c0e87e73/preview.png)\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"md`\n# Hyperlinks\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"md`\n[This is a link to the GitHub-flavored Markdown syntax specification.](https://github.github.com/gfm/)\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"md`\nThis link is automatically created for you: https://bl.ocks.org/ajlimbert/raw/c2b349cb836aeb4ca5b4b696a7fc88c3/\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"md`\n[This is a link to the March 21 2018 Perth Write the Docs Meetup page](https://www.meetup.com/Write-the-Docs-Australia/events/246830725/)\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":477,"value":"md`\n[Write the Docs homepage](www.writethedocs.org)\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"