Markdown | en | Strapi CMS Astro Client
Updated at
2026-01-29T15:46:59.687Z
Description
This is a markdown page content
[ Content as markdown ] https://different-excellence-665ae44142.media.strapiapp.com/notebook_on_desk_921acc9ad3.png
Loaded content
{
"id": "en/ki5qbduwjip6k96w6t7n6qsu",
"data": {
"id": 14,
"documentId": "ki5qbduwjip6k96w6t7n6qsu",
"createdAt": "2026-01-26T12:46:32.881Z",
"updatedAt": "2026-01-29T15:46:59.687Z",
"publishedAt": "2026-01-29T15:46:59.728Z",
"title": "Markdown",
"slug": "markdown",
"description": "This is a markdown page content",
"body": "> the code below was based on: [[Gist] allysonsilva/Full-Markdown.md](https://gist.github.com/allysonsilva/85fff14a22bbdf55485be947566cc09e)\n\n---\n\n# Headers\n\n```markdown\n# h1 Heading 8-)\n\n## h2 Heading\n\n### h3 Heading\n\n#### h4 Heading\n\n##### h5 Heading\n\n###### h6 Heading\n\nAlternatively, for H1 and H2, an underline-ish style:\n\n# Alt-H1\n\n## Alt-H2\n```\n\n# h1 Heading 8-)\n\n## h2 Heading\n\n### h3 Heading\n\n#### h4 Heading\n\n##### h5 Heading\n\n###### h6 Heading\n\nAlternatively, for H1 and H2, an underline-ish style:\n\n# Alt-H1\n\n## Alt-H2\n\n---\n\n# Emphasis\n\n```markdown\nEmphasis, aka italics, with _asterisks_ or _underscores_.\n\nStrong emphasis, aka bold, with **asterisks** or **underscores**.\n\nCombined emphasis with **asterisks and _underscores_**.\n\nStrikethrough uses two tildes. ~~Scratch this.~~\n\n**This is bold text**\n\n**This is bold text**\n\n_This is italic text_\n\n_This is italic text_\n\n~~Strikethrough~~\n```\n\nEmphasis, aka italics, with _asterisks_ or _underscores_.\n\nStrong emphasis, aka bold, with **asterisks** or **underscores**.\n\nCombined emphasis with **asterisks and _underscores_**.\n\nStrikethrough uses two tildes. ~~Scratch this.~~\n\n**This is bold text**\n\n**This is bold text**\n\n_This is italic text_\n\n_This is italic text_\n\n~~Strikethrough~~\n\n---\n\n# Lists\n\n```markdown\n1. First ordered list item\n2. Another item\n ⋅⋅\\* Unordered sub-list.\n3. Actual numbers don't matter, just that it's a number\n ⋅⋅1. Ordered sub-list\n4. And another item.\n\n⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).\n\n⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)\n\n- Unordered list can use asterisks\n\n* Or minuses\n\n- Or pluses\n\n1. Make my changes\n 1. Fix bug\n 2. Improve formatting\n - Make the headings bigger\n2. Push my commits to GitHub\n3. Open a pull request\n - Describe my changes\n - Mention all the members of my team\n - Ask for feedback\n\n- Create a list by starting a line with `+`, `-`, or `*`\n- Sub-lists are made by indenting 2 spaces:\n - Marker character change forces new list start:\n - Ac tristique libero volutpat at\n * Facilisis in pretium nisl aliquet\n - Nulla volutpat aliquam velit\n- Very easy!\n```\n\n1. First ordered list item\n2. Another item\n ⋅⋅\\* Unordered sub-list.\n3. Actual numbers don't matter, just that it's a number\n ⋅⋅1. Ordered sub-list\n4. And another item.\n\n⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).\n\n⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)\n\n- Unordered list can use asterisks\n\n* Or minuses\n\n- Or pluses\n\n1. Make my changes\n 1. Fix bug\n 2. Improve formatting\n - Make the headings bigger\n2. Push my commits to GitHub\n3. Open a pull request\n - Describe my changes\n - Mention all the members of my team\n - Ask for feedback\n\n- Create a list by starting a line with `+`, `-`, or `*`\n- Sub-lists are made by indenting 2 spaces:\n - Marker character change forces new list start:\n - Ac tristique libero volutpat at\n * Facilisis in pretium nisl aliquet\n - Nulla volutpat aliquam velit\n- Very easy!\n\n---\n\n# Task lists\n\n```markdown\n- [x] Finish my changes\n- [ ] Push my commits to GitHub\n- [ ] Open a pull request\n- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported\n- [x] list syntax required (any unordered or ordered list supported)\n- [x] this is a complete item\n- [ ] this is an incomplete item\n```\n\n- [x] Finish my changes\n- [ ] Push my commits to GitHub\n- [ ] Open a pull request\n- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported\n- [x] list syntax required (any unordered or ordered list supported)\n- [ ] this is a complete item\n- [ ] this is an incomplete item\n\n---\n\n# Ignoring Markdown formatting\n\nYou can tell GitHub to ignore (or escape) Markdown formatting by using \\ before the Markdown character.\n\n```markdown\nLet's rename \\*our-new-project\\* to \\*our-old-project\\*.\n```\n\nLet's rename \\*our-new-project\\* to \\*our-old-project\\*.\n\n---\n\n# Links\n\n```markdown\n[I'm an inline-style link](https://www.google.com)\n\n[I'm an inline-style link with title](https://www.google.com \"Google's Homepage\")\n\n[I'm a reference-style link][Arbitrary case-insensitive reference text]\n\n[I'm a relative reference to a repository file](../blob/master/LICENSE)\n\n[You can use numbers for reference-style link definitions][1]\n\nOr leave it empty and use the [link text itself].\n\nURLs and URLs in angle brackets will automatically get turned into links.\n`http://www.example.com` or `<http://www.example.com>` and sometimes\nexample.com (but not on Github, for example).\n\nSome text to show that the reference links can follow later.\n\n[arbitrary case-insensitive reference text]: https://www.mozilla.org\n[1]: http://slashdot.org\n[link text itself]: http://www.reddit.com\n```\n\n[I'm an inline-style link](https://www.google.com)\n\n[I'm an inline-style link with title](https://www.google.com \"Google's Homepage\")\n\n[I'm a reference-style link][Arbitrary case-insensitive reference text]\n\n[I'm a relative reference to a repository file](../blob/master/LICENSE)\n\n[You can use numbers for reference-style link definitions][1]\n\nOr leave it empty and use the [link text itself].\n\nURLs and URLs in angle brackets will automatically get turned into links.\nhttp://www.example.com or <http://www.example.com> and sometimes\nexample.com (but not on Github, for example).\n\nSome text to show that the reference links can follow later.\n\n[arbitrary case-insensitive reference text]: https://www.mozilla.org\n[1]: http://slashdot.org\n[link text itself]: http://www.reddit.com\n\n---\n\n# Images\n\n```markdown\nHere's our logo (hover to see the title text):\n\nInline-style:\n\n\nReference-style:\n![alt text][logo]\n\n[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2'\n\n\n\n\nLike links, Images also have a footnote style syntax\n\n![Alt text][id]\n\nWith a reference later in the document defining the URL location:\n\n[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'\n```\n\nHere's our logo (hover to see the title text):\n\nInline-style:\n\n\nCentered:\n\n<div class=\"center\"><div class=\"box-shadow\">\n\n\n\n</div></div>\n\nReference-style:\n![alt text][logo]\n\n[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png#red-border 'Logo Title Text 2'\n\n\n\n\nLike links, Images also have a footnote style syntax\n\n![Alt text][id]\n\nWith a reference later in the document defining the URL location:\n\n[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'\n\n---\n\n# [Footnotes](https://github.com/markdown-it/markdown-it-footnote)\n\n```markdown\nFootnote 1 link[^first].\n\nFootnote 2 link[^second].\n\nInline footnote^[Text of inline footnote] definition.\n\nDuplicated footnote reference[^second].\n\n[^first]: Footnote **can have markup**\n\n and multiple paragraphs.\n\n[^second]: Footnote text.\n```\n\nFootnote 1 link[^first].\n\nFootnote 2 link[^second].\n\nInline footnote^[Text of inline footnote] definition.\n\nDuplicated footnote reference[^second].\n\n[^first]: Footnote **can have markup**\n\n and multiple paragraphs.\n\n[^second]: Footnote text.\n\n---\n\n# Code and Syntax Highlighting\n\n```markdown\nInline `code` has `back-ticks around` it.\n```\n\nInline `code` has `back-ticks around` it.\n\n## C#\n\n```c#\nusing System.IO.Compression;\n\n#pragma warning disable 414, 3021\n\nnamespace MyApplication\n{\n [Obsolete(\"...\")]\n class Program : IInterface\n {\n public static List<int> JustDoIt(int count)\n {\n Console.WriteLine($\"Hello {Name}!\");\n return new List<int>(new int[] { 1, 2, 3 })\n }\n }\n}\n```\n\n## CSS\n\n```css\n@font-face {\n font-family: Chunkfive;\n src: url('Chunkfive.otf');\n}\n\nbody,\n.usertext {\n color: #f0f0f0;\n background: #600;\n font-family: Chunkfive, sans;\n}\n\n@import url(print.css);\n@media print {\n a[href^='http']::after {\n content: attr(href);\n }\n}\n```\n\n## JavaScript\n\n```javascript\nfunction $initHighlight(block, cls) {\n try {\n if (cls.search(/\\bno\\-highlight\\b/) != -1)\n return process(block, true, 0x0F) +\n ` class=\"${cls}\"`;\n } catch (e) {\n /* handle exception */\n }\n for (var i = 0 / 2; i < classes.length; i++) {\n if (checkCondition(classes[i]) === undefined)\n console.log('undefined');\n }\n}\n\nexport $initHighlight;\n```\n\n## PHP\n\n```php\nrequire_once 'Zend/Uri/Http.php';\n\nnamespace Location\\Web;\n\ninterface Factory\n{\n static function _factory();\n}\n\nabstract class URI extends BaseURI implements Factory\n{\n abstract function test();\n\n public static $st1 = 1;\n const ME = \"Yo\";\n var $list = NULL;\n private $var;\n\n /**\n * Returns a URI\n *\n * @return URI\n */\n static public function _factory($stats = array(), $uri = 'http')\n {\n echo __METHOD__;\n $uri = explode(':', $uri, 0b10);\n $schemeSpecific = isset($uri[1]) ? $uri[1] : '';\n $desc = 'Multi\nline description';\n\n // Security check\n if (!ctype_alnum($scheme)) {\n throw new Zend_Uri_Exception('Illegal scheme');\n }\n\n $this->var = 0 - self::$st;\n $this->list = list(Array(\"1\"=> 2, 2=>self::ME, 3 => \\Location\\Web\\URI::class));\n\n return [\n 'uri' => $uri,\n 'value' => null,\n ];\n }\n}\n\necho URI::ME . URI::$st1;\n\n__halt_compiler () ; datahere\ndatahere\ndatahere */\ndatahere\n```\n\n## HTTP\n\n```http\n// Basic authentication\nGET http://example.com\nAuthorization: Basic username password\n\n###\n\n// Digest authentication\nGET http://example.com\nAuthorization: Digest username password\n\n// The request body is provided in place\nPOST https://example.com:8080/api/html/post HTTP/1.1\nContent-Type: application/json\nCookie: key=first-value\n\n{ \"key\" : \"value\", \"list\": [1, 2, 3] }\n\n// From https://www.jetbrains.com/help/idea/exploring-http-syntax.html#use-multipart-form-data\n```\n\n## Shell\n\n```shell\ncurl -I --http2 -s https://linuxize.com/ | grep HTTP\n```\n\n### Shell Session\n\n```shellsession\n$ echo $EDITOR\nvim\n\n$ git checkout main\nSwitched to branch 'main'\nYour branch is up-to-date with 'origin/main'.\n\n$ git push\nEverything up-to-date\n\n$ echo 'All\n> done!'\nAll\ndone!\n\n# From https://github.com/highlightjs/highlight.js/blob/fcefad4a6bf99b88c54b2b724ca77466e94c374d/test/detect/shell/default.txt#L4\n\n```\n\n### Shell Script\n\n```shellscript\n#!/bin/bash\n# weather.sh\n# Copyright 2018 computer-geek64. All rights reserved.\n\nprogram=Weather\nversion=1.1\nyear=2018\ndeveloper=computer-geek64\n\ncase $1 in\n-h | --help)\n\techo \"$program $version\"\n\techo \"Copyright $year $developer. All rights reserved.\"\n\techo\n\techo \"Usage: weather [options]\"\n\techo \"Option Long Option Description\"\n\techo \"-h --help Show the help screen\"\n\techo \"-l [location] --location [location] Specifies the location\"\n\t;;\n-l | --location)\n\tcurl https://wttr.in/$2\n\t;;\n*)\n\tcurl https://wttr.in\n\t;;\nesac\n\n# From https://github.com/ruanyf/simple-bash-scripts/blob/master/scripts/weather.sh\n```\n\n---\n\n# Tables\n\n```markdown\nColons can be used to align columns.\n\n| Tables | Are | Cool |\n| ------------- | :-----------: | ----: |\n| col 3 is | right-aligned | $1600 |\n| col 2 is | centered | $12 |\n| zebra stripes | are neat | $1 |\n\nThere must be at least 3 dashes separating each header cell.\nThe outer pipes (|) are optional, and you don't need to make the\nraw Markdown line up prettily. You can also use inline Markdown.\n\n| Markdown | Less | Pretty |\n| -------- | --------- | ---------- |\n| _Still_ | `renders` | **nicely** |\n| 1 | 2 | 3 |\n\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| Command | Description |\n| ---------- | ---------------------------------------------- |\n| git status | List all new or modified files |\n| git diff | Show file differences that haven't been staged |\n\n| Command | Description |\n| ------------ | -------------------------------------------------- |\n| `git status` | List all _new or modified_ files |\n| `git diff` | Show file differences that **haven't been** staged |\n\n| Left-aligned | Center-aligned | Right-aligned |\n| :----------- | :------------: | ------------: |\n| git status | git status | git status |\n| git diff | git diff | git diff |\n\n| Name | Character |\n| -------- | --------- |\n| Backtick | ` |\n| Pipe | \\| |\n```\n\nColons can be used to align columns.\n\n| Tables | Are | Cool |\n| ------------- | :-----------: | ----: |\n| col 3 is | right-aligned | $1600 |\n| col 2 is | centered | $12 |\n| zebra stripes | are neat | $1 |\n\nThere must be at least 3 dashes separating each header cell.\nThe outer pipes (|) are optional, and you don't need to make the\nraw Markdown line up prettily. You can also use inline Markdown.\n\n| Markdown | Less | Pretty |\n| -------- | --------- | ---------- |\n| _Still_ | `renders` | **nicely** |\n| 1 | 2 | 3 |\n\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| Command | Description |\n| ---------- | ---------------------------------------------- |\n| git status | List all new or modified files |\n| git diff | Show file differences that haven't been staged |\n\n| Command | Description |\n| ------------ | -------------------------------------------------- |\n| `git status` | List all _new or modified_ files |\n| `git diff` | Show file differences that **haven't been** staged |\n\n| Left-aligned | Center-aligned | Right-aligned |\n| :----------- | :------------: | ------------: |\n| git status | git status | git status |\n| git diff | git diff | git diff |\n\n| Name | Character |\n| -------- | --------- |\n| Backtick | ` |\n| Pipe | \\| |\n\n---\n\n# Blockquotes\n\n```markdown\n> Blockquotes are very handy in email to emulate reply text.\n> This line is part of the same quote.\n\nQuote break.\n\n> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.\n\n> Blockquotes can also be nested...\n>\n> > ...by using additional greater-than signs right next to each other...\n> >\n> > > ...or with spaces between arrows.\n```\n\n> Blockquotes are very handy in email to emulate reply text.\n> This line is part of the same quote.\n\nQuote break.\n\n> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.\n\n> Blockquotes can also be nested...\n>\n> > ...by using additional greater-than signs right next to each other...\n> >\n> > > ...or with spaces between arrows.\n\n---\n\n# Inline HTML\n\n```html\n<dl>\n <dt>Definition list</dt>\n <dd>Is something people use sometimes.</dd>\n\n <dt>Markdown in HTML</dt>\n <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>\n</dl>\n```\n\n<dl>\n <dt>Definition list</dt>\n <dd>Is something people use sometimes.</dd>\n\n <dt>Markdown in HTML</dt>\n <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>\n</dl>\n\n---\n\n# Horizontal Rules\n\n```\nThree or more...\n\n---\n\nHyphens\n\n***\n\nAsterisks\n\n___\n\nUnderscores\n```\n\n---\n\n# YouTube Videos\n\n```html\n<a href=\"http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE\" target=\"_blank\">\n <img src=\"http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg\" alt=\"IMAGE ALT TEXT HERE\" width=\"240\" height=\"180\" border=\"10\" />\n</a>\n```\n\n<a href=\"http://www.youtube.com/watch?feature=player_embedded&v=dQw4w9WgXcQ\" target=\"_blank\">\n<img src=\"http://img.youtube.com/vi/dQw4w9WgXcQ/0.jpg\" alt=\"IMAGE ALT TEXT HERE\" width=\"240\" height=\"180\" border=\"10\">\n</a>\n\n```markdown\n[](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)\n```\n\n[](https://www.youtube.com/watch?v=dQw4w9WgXcQ)\n",
"cover": {
"id": 11,
"documentId": "pzqjgq9lgz0gsx3858gfqhwx",
"createdAt": "2026-01-26T11:35:34.247Z",
"updatedAt": "2026-01-29T15:46:54.246Z",
"publishedAt": "2026-01-26T11:35:34.247Z",
"ext": ".png",
"url": "https://different-excellence-665ae44142.media.strapiapp.com/notebook_on_desk_921acc9ad3.png",
"hash": "notebook_on_desk_921acc9ad3",
"mime": "image/png",
"name": "notebook_on_desk.png",
"size": 308.74,
"width": 900,
"height": 1200,
"alternativeText": "notebook on desk",
"caption": null,
"previewUrl": null,
"provider": "strapi-provider-upload-strapi-cloud",
"provider_metadata": null
},
"coverAltText": "Content as markdown",
"locale": "en",
"localizations": [
{
"id": 12,
"documentId": "ki5qbduwjip6k96w6t7n6qsu",
"createdAt": "2026-01-26T12:47:34.008Z",
"updatedAt": "2026-01-29T15:46:31.637Z",
"publishedAt": "2026-01-29T15:46:31.666Z",
"title": "Markdown",
"slug": "markdown",
"description": "Conteúdo da página markdown",
"body": "> the code below was based on: [[Gist] allysonsilva/Full-Markdown.md](https://gist.github.com/allysonsilva/85fff14a22bbdf55485be947566cc09e)\n\n---\n\n# Headers\n\n```markdown\n# h1 Heading 8-)\n\n## h2 Heading\n\n### h3 Heading\n\n#### h4 Heading\n\n##### h5 Heading\n\n###### h6 Heading\n\nAlternatively, for H1 and H2, an underline-ish style:\n\n# Alt-H1\n\n## Alt-H2\n```\n\n# h1 Heading 8-)\n\n## h2 Heading\n\n### h3 Heading\n\n#### h4 Heading\n\n##### h5 Heading\n\n###### h6 Heading\n\nAlternatively, for H1 and H2, an underline-ish style:\n\n# Alt-H1\n\n## Alt-H2\n\n---\n\n# Emphasis\n\n```markdown\nEmphasis, aka italics, with _asterisks_ or _underscores_.\n\nStrong emphasis, aka bold, with **asterisks** or **underscores**.\n\nCombined emphasis with **asterisks and _underscores_**.\n\nStrikethrough uses two tildes. ~~Scratch this.~~\n\n**This is bold text**\n\n**This is bold text**\n\n_This is italic text_\n\n_This is italic text_\n\n~~Strikethrough~~\n```\n\nEmphasis, aka italics, with _asterisks_ or _underscores_.\n\nStrong emphasis, aka bold, with **asterisks** or **underscores**.\n\nCombined emphasis with **asterisks and _underscores_**.\n\nStrikethrough uses two tildes. ~~Scratch this.~~\n\n**This is bold text**\n\n**This is bold text**\n\n_This is italic text_\n\n_This is italic text_\n\n~~Strikethrough~~\n\n---\n\n# Lists\n\n```markdown\n1. First ordered list item\n2. Another item\n ⋅⋅\\* Unordered sub-list.\n3. Actual numbers don't matter, just that it's a number\n ⋅⋅1. Ordered sub-list\n4. And another item.\n\n⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).\n\n⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)\n\n- Unordered list can use asterisks\n\n* Or minuses\n\n- Or pluses\n\n1. Make my changes\n 1. Fix bug\n 2. Improve formatting\n - Make the headings bigger\n2. Push my commits to GitHub\n3. Open a pull request\n - Describe my changes\n - Mention all the members of my team\n - Ask for feedback\n\n- Create a list by starting a line with `+`, `-`, or `*`\n- Sub-lists are made by indenting 2 spaces:\n - Marker character change forces new list start:\n - Ac tristique libero volutpat at\n * Facilisis in pretium nisl aliquet\n - Nulla volutpat aliquam velit\n- Very easy!\n```\n\n1. First ordered list item\n2. Another item\n ⋅⋅\\* Unordered sub-list.\n3. Actual numbers don't matter, just that it's a number\n ⋅⋅1. Ordered sub-list\n4. And another item.\n\n⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).\n\n⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)\n\n- Unordered list can use asterisks\n\n* Or minuses\n\n- Or pluses\n\n1. Make my changes\n 1. Fix bug\n 2. Improve formatting\n - Make the headings bigger\n2. Push my commits to GitHub\n3. Open a pull request\n - Describe my changes\n - Mention all the members of my team\n - Ask for feedback\n\n- Create a list by starting a line with `+`, `-`, or `*`\n- Sub-lists are made by indenting 2 spaces:\n - Marker character change forces new list start:\n - Ac tristique libero volutpat at\n * Facilisis in pretium nisl aliquet\n - Nulla volutpat aliquam velit\n- Very easy!\n\n---\n\n# Task lists\n\n```markdown\n- [x] Finish my changes\n- [ ] Push my commits to GitHub\n- [ ] Open a pull request\n- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported\n- [x] list syntax required (any unordered or ordered list supported)\n- [x] this is a complete item\n- [ ] this is an incomplete item\n```\n\n- [x] Finish my changes\n- [ ] Push my commits to GitHub\n- [ ] Open a pull request\n- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported\n- [x] list syntax required (any unordered or ordered list supported)\n- [ ] this is a complete item\n- [ ] this is an incomplete item\n\n---\n\n# Ignoring Markdown formatting\n\nYou can tell GitHub to ignore (or escape) Markdown formatting by using \\ before the Markdown character.\n\n```markdown\nLet's rename \\*our-new-project\\* to \\*our-old-project\\*.\n```\n\nLet's rename \\*our-new-project\\* to \\*our-old-project\\*.\n\n---\n\n# Links\n\n```markdown\n[I'm an inline-style link](https://www.google.com)\n\n[I'm an inline-style link with title](https://www.google.com \"Google's Homepage\")\n\n[I'm a reference-style link][Arbitrary case-insensitive reference text]\n\n[I'm a relative reference to a repository file](../blob/master/LICENSE)\n\n[You can use numbers for reference-style link definitions][1]\n\nOr leave it empty and use the [link text itself].\n\nURLs and URLs in angle brackets will automatically get turned into links.\n`http://www.example.com` or `<http://www.example.com>` and sometimes\nexample.com (but not on Github, for example).\n\nSome text to show that the reference links can follow later.\n\n[arbitrary case-insensitive reference text]: https://www.mozilla.org\n[1]: http://slashdot.org\n[link text itself]: http://www.reddit.com\n```\n\n[I'm an inline-style link](https://www.google.com)\n\n[I'm an inline-style link with title](https://www.google.com \"Google's Homepage\")\n\n[I'm a reference-style link][Arbitrary case-insensitive reference text]\n\n[I'm a relative reference to a repository file](../blob/master/LICENSE)\n\n[You can use numbers for reference-style link definitions][1]\n\nOr leave it empty and use the [link text itself].\n\nURLs and URLs in angle brackets will automatically get turned into links.\nhttp://www.example.com or <http://www.example.com> and sometimes\nexample.com (but not on Github, for example).\n\nSome text to show that the reference links can follow later.\n\n[arbitrary case-insensitive reference text]: https://www.mozilla.org\n[1]: http://slashdot.org\n[link text itself]: http://www.reddit.com\n\n---\n\n# Images\n\n```markdown\nHere's our logo (hover to see the title text):\n\nInline-style:\n\n\nReference-style:\n![alt text][logo]\n\n[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2'\n\n\n\n\nLike links, Images also have a footnote style syntax\n\n![Alt text][id]\n\nWith a reference later in the document defining the URL location:\n\n[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'\n```\n\nHere's our logo (hover to see the title text):\n\nInline-style:\n\n\nCentered:\n\n<div class=\"center\"><div class=\"box-shadow\">\n\n\n\n</div></div>\n\nReference-style:\n![alt text][logo]\n\n[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png#red-border 'Logo Title Text 2'\n\n\n\n\nLike links, Images also have a footnote style syntax\n\n![Alt text][id]\n\nWith a reference later in the document defining the URL location:\n\n[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'\n\n---\n\n# [Footnotes](https://github.com/markdown-it/markdown-it-footnote)\n\n```markdown\nFootnote 1 link[^first].\n\nFootnote 2 link[^second].\n\nInline footnote^[Text of inline footnote] definition.\n\nDuplicated footnote reference[^second].\n\n[^first]: Footnote **can have markup**\n\n and multiple paragraphs.\n\n[^second]: Footnote text.\n```\n\nFootnote 1 link[^first].\n\nFootnote 2 link[^second].\n\nInline footnote^[Text of inline footnote] definition.\n\nDuplicated footnote reference[^second].\n\n[^first]: Footnote **can have markup**\n\n and multiple paragraphs.\n\n[^second]: Footnote text.\n\n---\n\n# Code and Syntax Highlighting\n\n```markdown\nInline `code` has `back-ticks around` it.\n```\n\nInline `code` has `back-ticks around` it.\n\n## C#\n\n```c#\nusing System.IO.Compression;\n\n#pragma warning disable 414, 3021\n\nnamespace MyApplication\n{\n [Obsolete(\"...\")]\n class Program : IInterface\n {\n public static List<int> JustDoIt(int count)\n {\n Console.WriteLine($\"Hello {Name}!\");\n return new List<int>(new int[] { 1, 2, 3 })\n }\n }\n}\n```\n\n## CSS\n\n```css\n@font-face {\n font-family: Chunkfive;\n src: url('Chunkfive.otf');\n}\n\nbody,\n.usertext {\n color: #f0f0f0;\n background: #600;\n font-family: Chunkfive, sans;\n}\n\n@import url(print.css);\n@media print {\n a[href^='http']::after {\n content: attr(href);\n }\n}\n```\n\n## JavaScript\n\n```javascript\nfunction $initHighlight(block, cls) {\n try {\n if (cls.search(/\\bno\\-highlight\\b/) != -1)\n return process(block, true, 0x0F) +\n ` class=\"${cls}\"`;\n } catch (e) {\n /* handle exception */\n }\n for (var i = 0 / 2; i < classes.length; i++) {\n if (checkCondition(classes[i]) === undefined)\n console.log('undefined');\n }\n}\n\nexport $initHighlight;\n```\n\n## PHP\n\n```php\nrequire_once 'Zend/Uri/Http.php';\n\nnamespace Location\\Web;\n\ninterface Factory\n{\n static function _factory();\n}\n\nabstract class URI extends BaseURI implements Factory\n{\n abstract function test();\n\n public static $st1 = 1;\n const ME = \"Yo\";\n var $list = NULL;\n private $var;\n\n /**\n * Returns a URI\n *\n * @return URI\n */\n static public function _factory($stats = array(), $uri = 'http')\n {\n echo __METHOD__;\n $uri = explode(':', $uri, 0b10);\n $schemeSpecific = isset($uri[1]) ? $uri[1] : '';\n $desc = 'Multi\nline description';\n\n // Security check\n if (!ctype_alnum($scheme)) {\n throw new Zend_Uri_Exception('Illegal scheme');\n }\n\n $this->var = 0 - self::$st;\n $this->list = list(Array(\"1\"=> 2, 2=>self::ME, 3 => \\Location\\Web\\URI::class));\n\n return [\n 'uri' => $uri,\n 'value' => null,\n ];\n }\n}\n\necho URI::ME . URI::$st1;\n\n__halt_compiler () ; datahere\ndatahere\ndatahere */\ndatahere\n```\n\n## HTTP\n\n```http\n// Basic authentication\nGET http://example.com\nAuthorization: Basic username password\n\n###\n\n// Digest authentication\nGET http://example.com\nAuthorization: Digest username password\n\n// The request body is provided in place\nPOST https://example.com:8080/api/html/post HTTP/1.1\nContent-Type: application/json\nCookie: key=first-value\n\n{ \"key\" : \"value\", \"list\": [1, 2, 3] }\n\n// From https://www.jetbrains.com/help/idea/exploring-http-syntax.html#use-multipart-form-data\n```\n\n## Shell\n\n```shell\ncurl -I --http2 -s https://linuxize.com/ | grep HTTP\n```\n\n### Shell Session\n\n```shellsession\n$ echo $EDITOR\nvim\n\n$ git checkout main\nSwitched to branch 'main'\nYour branch is up-to-date with 'origin/main'.\n\n$ git push\nEverything up-to-date\n\n$ echo 'All\n> done!'\nAll\ndone!\n\n# From https://github.com/highlightjs/highlight.js/blob/fcefad4a6bf99b88c54b2b724ca77466e94c374d/test/detect/shell/default.txt#L4\n\n```\n\n### Shell Script\n\n```shellscript\n#!/bin/bash\n# weather.sh\n# Copyright 2018 computer-geek64. All rights reserved.\n\nprogram=Weather\nversion=1.1\nyear=2018\ndeveloper=computer-geek64\n\ncase $1 in\n-h | --help)\n\techo \"$program $version\"\n\techo \"Copyright $year $developer. All rights reserved.\"\n\techo\n\techo \"Usage: weather [options]\"\n\techo \"Option Long Option Description\"\n\techo \"-h --help Show the help screen\"\n\techo \"-l [location] --location [location] Specifies the location\"\n\t;;\n-l | --location)\n\tcurl https://wttr.in/$2\n\t;;\n*)\n\tcurl https://wttr.in\n\t;;\nesac\n\n# From https://github.com/ruanyf/simple-bash-scripts/blob/master/scripts/weather.sh\n```\n\n---\n\n# Tables\n\n```markdown\nColons can be used to align columns.\n\n| Tables | Are | Cool |\n| ------------- | :-----------: | ----: |\n| col 3 is | right-aligned | $1600 |\n| col 2 is | centered | $12 |\n| zebra stripes | are neat | $1 |\n\nThere must be at least 3 dashes separating each header cell.\nThe outer pipes (|) are optional, and you don't need to make the\nraw Markdown line up prettily. You can also use inline Markdown.\n\n| Markdown | Less | Pretty |\n| -------- | --------- | ---------- |\n| _Still_ | `renders` | **nicely** |\n| 1 | 2 | 3 |\n\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| Command | Description |\n| ---------- | ---------------------------------------------- |\n| git status | List all new or modified files |\n| git diff | Show file differences that haven't been staged |\n\n| Command | Description |\n| ------------ | -------------------------------------------------- |\n| `git status` | List all _new or modified_ files |\n| `git diff` | Show file differences that **haven't been** staged |\n\n| Left-aligned | Center-aligned | Right-aligned |\n| :----------- | :------------: | ------------: |\n| git status | git status | git status |\n| git diff | git diff | git diff |\n\n| Name | Character |\n| -------- | --------- |\n| Backtick | ` |\n| Pipe | \\| |\n```\n\nColons can be used to align columns.\n\n| Tables | Are | Cool |\n| ------------- | :-----------: | ----: |\n| col 3 is | right-aligned | $1600 |\n| col 2 is | centered | $12 |\n| zebra stripes | are neat | $1 |\n\nThere must be at least 3 dashes separating each header cell.\nThe outer pipes (|) are optional, and you don't need to make the\nraw Markdown line up prettily. You can also use inline Markdown.\n\n| Markdown | Less | Pretty |\n| -------- | --------- | ---------- |\n| _Still_ | `renders` | **nicely** |\n| 1 | 2 | 3 |\n\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| Command | Description |\n| ---------- | ---------------------------------------------- |\n| git status | List all new or modified files |\n| git diff | Show file differences that haven't been staged |\n\n| Command | Description |\n| ------------ | -------------------------------------------------- |\n| `git status` | List all _new or modified_ files |\n| `git diff` | Show file differences that **haven't been** staged |\n\n| Left-aligned | Center-aligned | Right-aligned |\n| :----------- | :------------: | ------------: |\n| git status | git status | git status |\n| git diff | git diff | git diff |\n\n| Name | Character |\n| -------- | --------- |\n| Backtick | ` |\n| Pipe | \\| |\n\n---\n\n# Blockquotes\n\n```markdown\n> Blockquotes are very handy in email to emulate reply text.\n> This line is part of the same quote.\n\nQuote break.\n\n> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.\n\n> Blockquotes can also be nested...\n>\n> > ...by using additional greater-than signs right next to each other...\n> >\n> > > ...or with spaces between arrows.\n```\n\n> Blockquotes are very handy in email to emulate reply text.\n> This line is part of the same quote.\n\nQuote break.\n\n> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.\n\n> Blockquotes can also be nested...\n>\n> > ...by using additional greater-than signs right next to each other...\n> >\n> > > ...or with spaces between arrows.\n\n---\n\n# Inline HTML\n\n```html\n<dl>\n <dt>Definition list</dt>\n <dd>Is something people use sometimes.</dd>\n\n <dt>Markdown in HTML</dt>\n <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>\n</dl>\n```\n\n<dl>\n <dt>Definition list</dt>\n <dd>Is something people use sometimes.</dd>\n\n <dt>Markdown in HTML</dt>\n <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>\n</dl>\n\n---\n\n# Horizontal Rules\n\n```\nThree or more...\n\n---\n\nHyphens\n\n***\n\nAsterisks\n\n___\n\nUnderscores\n```\n\n---\n\n# YouTube Videos\n\n```html\n<a href=\"http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE\" target=\"_blank\">\n <img src=\"http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg\" alt=\"IMAGE ALT TEXT HERE\" width=\"240\" height=\"180\" border=\"10\" />\n</a>\n```\n\n<a href=\"http://www.youtube.com/watch?feature=player_embedded&v=dQw4w9WgXcQ\" target=\"_blank\">\n<img src=\"http://img.youtube.com/vi/dQw4w9WgXcQ/0.jpg\" alt=\"IMAGE ALT TEXT HERE\" width=\"240\" height=\"180\" border=\"10\">\n</a>\n\n```markdown\n[](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)\n```\n\n[](https://www.youtube.com/watch?v=dQw4w9WgXcQ)\n",
"coverAltText": "Markdown como conteúdo",
"locale": "pt-BR"
}
]
},
"digest": "9b38c6900414ebb9",
"rendered": {
"html": "<blockquote>\n<p>the code below was based on: <a href=\"https://gist.github.com/allysonsilva/85fff14a22bbdf55485be947566cc09e\">[Gist] allysonsilva/Full-Markdown.md</a></p>\n</blockquote>\n<hr>\n<h1 id=\"headers\">Headers</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\"># h1 Heading 8-)</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\">## h2 Heading</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\">### h3 Heading</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\">#### h4 Heading</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\">##### h5 Heading</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\">###### h6 Heading</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Alternatively, for H1 and H2, an underline-ish style:</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\"># Alt-H1</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5;font-weight:bold\">## Alt-H2</span></span></code></pre>\n<h1 id=\"h1-heading-8\">h1 Heading 8-)</h1>\n<h2 id=\"h2-heading\">h2 Heading</h2>\n<h3 id=\"h3-heading\">h3 Heading</h3>\n<h4 id=\"h4-heading\">h4 Heading</h4>\n<h5 id=\"h5-heading\">h5 Heading</h5>\n<h6 id=\"h6-heading\">h6 Heading</h6>\n<p>Alternatively, for H1 and H2, an underline-ish style:</p>\n<h1 id=\"alt-h1\">Alt-H1</h1>\n<h2 id=\"alt-h2\">Alt-H2</h2>\n<hr>\n<h1 id=\"emphasis\">Emphasis</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">Emphasis, aka italics, with </span><span style=\"color:#24292E;font-style:italic\">_asterisks_</span><span style=\"color:#24292E\"> or </span><span style=\"color:#24292E;font-style:italic\">_underscores_</span><span style=\"color:#24292E\">.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Strong emphasis, aka bold, with </span><span style=\"color:#24292E;font-weight:bold\">**asterisks**</span><span style=\"color:#24292E\"> or </span><span style=\"color:#24292E;font-weight:bold\">**underscores**</span><span style=\"color:#24292E\">.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Combined emphasis with </span><span style=\"color:#24292E;font-weight:bold\">**asterisks and </span><span style=\"color:#24292E;font-style:italic\">_underscores_</span><span style=\"color:#24292E;font-weight:bold\">**</span><span style=\"color:#24292E\">.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Strikethrough uses two tildes. </span><span style=\"color:#24292E;text-decoration:line-through\">~~Scratch this.~~</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E;font-weight:bold\">**This is bold text**</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E;font-weight:bold\">**This is bold text**</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E;font-style:italic\">_This is italic text_</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E;font-style:italic\">_This is italic text_</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E;text-decoration:line-through\">~~Strikethrough~~</span></span></code></pre>\n<p>Emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p>\n<p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p>\n<p>Combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p>\n<p>Strikethrough uses two tildes. <del>Scratch this.</del></p>\n<p><strong>This is bold text</strong></p>\n<p><strong>This is bold text</strong></p>\n<p><em>This is italic text</em></p>\n<p><em>This is italic text</em></p>\n<p><del>Strikethrough</del></p>\n<hr>\n<h1 id=\"lists\">Lists</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#E36209\">1.</span><span style=\"color:#24292E\"> First ordered list item</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">2.</span><span style=\"color:#24292E\"> Another item</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> ⋅⋅</span><span style=\"color:#005CC5\">\\*</span><span style=\"color:#24292E\"> Unordered sub-list.</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">3.</span><span style=\"color:#24292E\"> Actual numbers don't matter, just that it's a number</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> ⋅⋅1. Ordered sub-list</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">4.</span><span style=\"color:#24292E\"> And another item.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> Unordered list can use asterisks</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#E36209\">*</span><span style=\"color:#24292E\"> Or minuses</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> Or pluses</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#E36209\">1.</span><span style=\"color:#24292E\"> Make my changes</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> 1.</span><span style=\"color:#24292E\"> Fix bug</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> 2.</span><span style=\"color:#24292E\"> Improve formatting</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> -</span><span style=\"color:#24292E\"> Make the headings bigger</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">2.</span><span style=\"color:#24292E\"> Push my commits to GitHub</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">3.</span><span style=\"color:#24292E\"> Open a pull request</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> -</span><span style=\"color:#24292E\"> Describe my changes</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> -</span><span style=\"color:#24292E\"> Mention all the members of my team</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> -</span><span style=\"color:#24292E\"> Ask for feedback</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> Create a list by starting a line with </span><span style=\"color:#005CC5\">`+`</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">`-`</span><span style=\"color:#24292E\">, or </span><span style=\"color:#005CC5\">`*`</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> Sub-lists are made by indenting 2 spaces:</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> -</span><span style=\"color:#24292E\"> Marker character change forces new list start:</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> -</span><span style=\"color:#24292E\"> Ac tristique libero volutpat at</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> *</span><span style=\"color:#24292E\"> Facilisis in pretium nisl aliquet</span></span>\n<span class=\"line\"><span style=\"color:#E36209\"> -</span><span style=\"color:#24292E\"> Nulla volutpat aliquam velit</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> Very easy!</span></span></code></pre>\n<ol>\n<li>First ordered list item</li>\n<li>Another item\n⋅⋅* Unordered sub-list.</li>\n<li>Actual numbers don’t matter, just that it’s a number\n⋅⋅1. Ordered sub-list</li>\n<li>And another item.</li>\n</ol>\n<p>⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).</p>\n<p>⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)</p>\n<ul>\n<li>Unordered list can use asterisks</li>\n</ul>\n<ul>\n<li>Or minuses</li>\n</ul>\n<ul>\n<li>Or pluses</li>\n</ul>\n<ol>\n<li>Make my changes\n<ol>\n<li>Fix bug</li>\n<li>Improve formatting\n<ul>\n<li>Make the headings bigger</li>\n</ul>\n</li>\n</ol>\n</li>\n<li>Push my commits to GitHub</li>\n<li>Open a pull request\n<ul>\n<li>Describe my changes</li>\n<li>Mention all the members of my team\n<ul>\n<li>Ask for feedback</li>\n</ul>\n</li>\n</ul>\n</li>\n</ol>\n<ul>\n<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>\n<li>Sub-lists are made by indenting 2 spaces:\n<ul>\n<li>Marker character change forces new list start:\n<ul>\n<li>Ac tristique libero volutpat at</li>\n</ul>\n<ul>\n<li>Facilisis in pretium nisl aliquet</li>\n</ul>\n<ul>\n<li>Nulla volutpat aliquam velit</li>\n</ul>\n</li>\n</ul>\n</li>\n<li>Very easy!</li>\n</ul>\n<hr>\n<h1 id=\"task-lists\">Task lists</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> [</span><span style=\"color:#032F62;text-decoration:underline\">x</span><span style=\"color:#24292E\">] Finish my changes</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> [ ] Push my commits to GitHub</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> [ ] Open a pull request</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> [</span><span style=\"color:#032F62;text-decoration:underline\">x</span><span style=\"color:#24292E\">] @mentions, #refs, [</span><span style=\"color:#032F62;text-decoration:underline\">links</span><span style=\"color:#24292E\">](), </span><span style=\"color:#24292E;font-weight:bold\">**formatting**</span><span style=\"color:#24292E\">, and <del>tags</del> supported</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> [</span><span style=\"color:#032F62;text-decoration:underline\">x</span><span style=\"color:#24292E\">] list syntax required (any unordered or ordered list supported)</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> [</span><span style=\"color:#032F62;text-decoration:underline\">x</span><span style=\"color:#24292E\">] this is a complete item</span></span>\n<span class=\"line\"><span style=\"color:#E36209\">-</span><span style=\"color:#24292E\"> [ ] this is an incomplete item</span></span></code></pre>\n<ul class=\"contains-task-list\">\n<li class=\"task-list-item\"><input type=\"checkbox\" checked disabled> Finish my changes</li>\n<li class=\"task-list-item\"><input type=\"checkbox\" disabled> Push my commits to GitHub</li>\n<li class=\"task-list-item\"><input type=\"checkbox\" disabled> Open a pull request</li>\n<li class=\"task-list-item\"><input type=\"checkbox\" checked disabled> @mentions, #refs, <a href=\"\">links</a>, <strong>formatting</strong>, and <del>tags</del> supported</li>\n<li class=\"task-list-item\"><input type=\"checkbox\" checked disabled> list syntax required (any unordered or ordered list supported)</li>\n<li class=\"task-list-item\"><input type=\"checkbox\" disabled> this is a complete item</li>\n<li class=\"task-list-item\"><input type=\"checkbox\" disabled> this is an incomplete item</li>\n</ul>\n<hr>\n<h1 id=\"ignoring-markdown-formatting\">Ignoring Markdown formatting</h1>\n<p>You can tell GitHub to ignore (or escape) Markdown formatting by using \\ before the Markdown character.</p>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">Let's rename </span><span style=\"color:#005CC5\">\\*</span><span style=\"color:#24292E\">our-new-project</span><span style=\"color:#005CC5\">\\*</span><span style=\"color:#24292E\"> to </span><span style=\"color:#005CC5\">\\*</span><span style=\"color:#24292E\">our-old-project</span><span style=\"color:#005CC5\">\\*</span><span style=\"color:#24292E\">.</span></span></code></pre>\n<p>Let’s rename *our-new-project* to *our-old-project*.</p>\n<hr>\n<h1 id=\"links\">Links</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">I'm an inline-style link</span><span style=\"color:#24292E\">](</span><span style=\"color:#24292E;text-decoration:underline\">https://www.google.com</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">I'm an inline-style link with title</span><span style=\"color:#24292E\">](</span><span style=\"color:#24292E;text-decoration:underline\">https://www.google.com</span><span> </span><span style=\"color:#032F62;text-decoration:underline\">\"Google's Homepage\"</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">I'm a reference-style link</span><span style=\"color:#24292E\">][</span><span style=\"color:#032F62;text-decoration:underline\">Arbitrary case-insensitive reference text</span><span style=\"color:#24292E\">]</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">I'm a relative reference to a repository file</span><span style=\"color:#24292E\">](</span><span style=\"color:#24292E;text-decoration:underline\">../blob/master/LICENSE</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">You can use numbers for reference-style link definitions</span><span style=\"color:#24292E\">][</span><span style=\"color:#032F62;text-decoration:underline\">1</span><span style=\"color:#24292E\">]</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Or leave it empty and use the [link text itself].</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">URLs and URLs in angle brackets will automatically get turned into links.</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">`http://www.example.com`</span><span style=\"color:#24292E\"> or </span><span style=\"color:#005CC5\">`<http://www.example.com>`</span><span style=\"color:#24292E\"> and sometimes</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">example.com (but not on Github, for example).</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Some text to show that the reference links can follow later.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">arbitrary case-insensitive reference text</span><span style=\"color:#24292E\">]: </span><span style=\"color:#24292E;text-decoration:underline\">https://www.mozilla.org</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">1</span><span style=\"color:#24292E\">]: </span><span style=\"color:#24292E;text-decoration:underline\">http://slashdot.org</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">link text itself</span><span style=\"color:#24292E\">]: </span><span style=\"color:#24292E;text-decoration:underline\">http://www.reddit.com</span></span></code></pre>\n<p><a href=\"https://www.google.com\">I’m an inline-style link</a></p>\n<p><a href=\"https://www.google.com\" title=\"Google's Homepage\">I’m an inline-style link with title</a></p>\n<p><a href=\"https://www.mozilla.org\">I’m a reference-style link</a></p>\n<p><a href=\"../blob/master/LICENSE\">I’m a relative reference to a repository file</a></p>\n<p><a href=\"http://slashdot.org\">You can use numbers for reference-style link definitions</a></p>\n<p>Or leave it empty and use the <a href=\"http://www.reddit.com\">link text itself</a>.</p>\n<p>URLs and URLs in angle brackets will automatically get turned into links.\n<a href=\"http://www.example.com\">http://www.example.com</a> or <a href=\"http://www.example.com\">http://www.example.com</a> and sometimes\nexample.com (but not on Github, for example).</p>\n<p>Some text to show that the reference links can follow later.</p>\n<hr>\n<h1 id=\"images\">Images</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">Here's our logo (hover to see the title text):</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Inline-style:</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">![</span><span style=\"color:#032F62;text-decoration:underline\">alt text</span><span style=\"color:#24292E\">](</span><span style=\"color:#24292E;text-decoration:underline\">https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png</span><span> </span><span style=\"color:#032F62;text-decoration:underline\">'Logo Title Text 1'</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Reference-style:</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">![</span><span style=\"color:#032F62;text-decoration:underline\">alt text</span><span style=\"color:#24292E\">][</span><span style=\"color:#032F62;text-decoration:underline\">logo</span><span style=\"color:#24292E\">]</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">logo</span><span style=\"color:#24292E\">]: </span><span style=\"color:#24292E;text-decoration:underline\">https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png</span><span> </span><span style=\"color:#032F62;text-decoration:underline\">'Logo Title Text 2'</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">![</span><span style=\"color:#032F62;text-decoration:underline\">Minion</span><span style=\"color:#24292E\">](</span><span style=\"color:#24292E;text-decoration:underline\">https://octodex.github.com/images/minion.png</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">![</span><span style=\"color:#032F62;text-decoration:underline\">Stormtroopocat</span><span style=\"color:#24292E\">](</span><span style=\"color:#24292E;text-decoration:underline\">https://octodex.github.com/images/stormtroopocat.jpg</span><span> </span><span style=\"color:#032F62;text-decoration:underline\">'The Stormtroopocat'</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Like links, Images also have a footnote style syntax</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">![</span><span style=\"color:#032F62;text-decoration:underline\">Alt text</span><span style=\"color:#24292E\">][</span><span style=\"color:#032F62;text-decoration:underline\">id</span><span style=\"color:#24292E\">]</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">With a reference later in the document defining the URL location:</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">id</span><span style=\"color:#24292E\">]: </span><span style=\"color:#24292E;text-decoration:underline\">https://octodex.github.com/images/dojocat.jpg</span><span> </span><span style=\"color:#032F62;text-decoration:underline\">'The Dojocat'</span></span></code></pre>\n<p>Here’s our logo (hover to see the title text):</p>\n<p>Inline-style:\n<img src=\"https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png#shadow\" alt=\"alt text\" title=\"Logo Title Text 1\"></p>\n<p>Centered:</p>\n<div class=\"center\"><div class=\"box-shadow\">\n<p><img src=\"https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png\" alt=\"alt text\" title=\"Logo Title Text 1\"></p>\n</div></div>\n<p>Reference-style:\n<img src=\"https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png#red-border\" alt=\"alt text\" title=\"Logo Title Text 2\"></p>\n<p><img src=\"https://octodex.github.com/images/minion.png\" alt=\"Minion\">\n<img src=\"https://octodex.github.com/images/stormtroopocat.jpg\" alt=\"Stormtroopocat\" title=\"The Stormtroopocat\"></p>\n<p>Like links, Images also have a footnote style syntax</p>\n<p><img src=\"https://octodex.github.com/images/dojocat.jpg\" alt=\"Alt text\" title=\"The Dojocat\"></p>\n<p>With a reference later in the document defining the URL location:</p>\n<hr>\n<h1 id=\"footnotes\"><a href=\"https://github.com/markdown-it/markdown-it-footnote\">Footnotes</a></h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">Footnote 1 link[</span><span style=\"color:#032F62;text-decoration:underline\">^first</span><span style=\"color:#24292E\">].</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Footnote 2 link[</span><span style=\"color:#032F62;text-decoration:underline\">^second</span><span style=\"color:#24292E\">].</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Inline footnote^[Text of inline footnote] definition.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Duplicated footnote reference[</span><span style=\"color:#032F62;text-decoration:underline\">^second</span><span style=\"color:#24292E\">].</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">^first</span><span style=\"color:#24292E\">]: Footnote </span><span style=\"color:#24292E;font-weight:bold\">**can have markup**</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\"> and multiple paragraphs.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\">^second</span><span style=\"color:#24292E\">]: Footnote text.</span></span></code></pre>\n<p>Footnote 1 link<sup><a href=\"#user-content-fn-first\" id=\"user-content-fnref-first\" data-footnote-ref=\"\" aria-describedby=\"footnote-label\">1</a></sup>.</p>\n<p>Footnote 2 link<sup><a href=\"#user-content-fn-second\" id=\"user-content-fnref-second\" data-footnote-ref=\"\" aria-describedby=\"footnote-label\">2</a></sup>.</p>\n<p>Inline footnote^[Text of inline footnote] definition.</p>\n<p>Duplicated footnote reference<sup><a href=\"#user-content-fn-second\" id=\"user-content-fnref-second-2\" data-footnote-ref=\"\" aria-describedby=\"footnote-label\">2</a></sup>.</p>\n<hr>\n<h1 id=\"code-and-syntax-highlighting\">Code and Syntax Highlighting</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">Inline </span><span style=\"color:#005CC5\">`code`</span><span style=\"color:#24292E\"> has </span><span style=\"color:#005CC5\">`back-ticks around`</span><span style=\"color:#24292E\"> it.</span></span></code></pre>\n<p>Inline <code>code</code> has <code>back-ticks around</code> it.</p>\n<h2 id=\"c\">C#</h2>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"c\"><code><span class=\"line\"><span style=\"color:#24292E\">using System.IO.Compression;</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\">#pragma</span><span style=\"color:#6F42C1\"> warning</span><span style=\"color:#6F42C1\"> disable</span><span style=\"color:#005CC5\"> 414</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">3021</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">namespace MyApplication</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">{</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> [</span><span style=\"color:#6F42C1\">Obsolete</span><span style=\"color:#24292E\">(</span><span style=\"color:#032F62\">\"...\"</span><span style=\"color:#24292E\">)]</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> class Program : IInterface</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> public </span><span style=\"color:#D73A49\">static</span><span style=\"color:#24292E\"> List</span><span style=\"color:#D73A49\"><int></span><span style=\"color:#6F42C1\"> JustDoIt</span><span style=\"color:#24292E\">(</span><span style=\"color:#D73A49\">int</span><span style=\"color:#24292E\"> count)</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> Console.</span><span style=\"color:#6F42C1\">WriteLine</span><span style=\"color:#24292E\">($</span><span style=\"color:#032F62\">\"Hello {Name}!\"</span><span style=\"color:#24292E\">);</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> return</span><span style=\"color:#24292E\"> new List</span><span style=\"color:#D73A49\"><int></span><span style=\"color:#24292E\">(new </span><span style=\"color:#D73A49\">int[]</span><span style=\"color:#24292E\"> { </span><span style=\"color:#005CC5\">1</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">2</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">3</span><span style=\"color:#24292E\"> })</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> }</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> }</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">}</span></span></code></pre>\n<h2 id=\"css\">CSS</h2>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"css\"><code><span class=\"line\"><span style=\"color:#D73A49\">@font-face</span><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> font-family</span><span style=\"color:#24292E\">: Chunkfive;</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> src</span><span style=\"color:#24292E\">: </span><span style=\"color:#005CC5\">url</span><span style=\"color:#24292E\">(</span><span style=\"color:#032F62\">'Chunkfive.otf'</span><span style=\"color:#24292E\">);</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">}</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#22863A\">body</span><span style=\"color:#24292E\">,</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">.usertext</span><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> color</span><span style=\"color:#24292E\">: </span><span style=\"color:#005CC5\">#f0f0f0</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> background</span><span style=\"color:#24292E\">: </span><span style=\"color:#005CC5\">#600</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> font-family</span><span style=\"color:#24292E\">: Chunkfive, sans;</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">}</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\">@import</span><span style=\"color:#005CC5\"> url</span><span style=\"color:#24292E\">(</span><span style=\"color:#E36209\">print.css</span><span style=\"color:#24292E\">);</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\">@media</span><span style=\"color:#005CC5\"> print</span><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#22863A\"> a</span><span style=\"color:#24292E\">[</span><span style=\"color:#6F42C1\">href</span><span style=\"color:#D73A49\">^=</span><span style=\"color:#032F62\">'http'</span><span style=\"color:#24292E\">]</span><span style=\"color:#6F42C1\">::after</span><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> content</span><span style=\"color:#24292E\">: </span><span style=\"color:#005CC5\">attr</span><span style=\"color:#24292E\">(</span><span style=\"color:#E36209\">href</span><span style=\"color:#24292E\">);</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> }</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">}</span></span></code></pre>\n<h2 id=\"javascript\">JavaScript</h2>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"javascript\"><code><span class=\"line\"><span style=\"color:#D73A49\">function</span><span style=\"color:#6F42C1\"> $initHighlight</span><span style=\"color:#24292E\">(</span><span style=\"color:#E36209\">block</span><span style=\"color:#24292E\">, </span><span style=\"color:#E36209\">cls</span><span style=\"color:#24292E\">) {</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> try</span><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> if</span><span style=\"color:#24292E\"> (cls.</span><span style=\"color:#6F42C1\">search</span><span style=\"color:#24292E\">(</span><span style=\"color:#032F62\">/</span><span style=\"color:#D73A49\">\\b</span><span style=\"color:#032F62\">no</span><span style=\"color:#22863A;font-weight:bold\">\\-</span><span style=\"color:#032F62\">highlight</span><span style=\"color:#D73A49\">\\b</span><span style=\"color:#032F62\">/</span><span style=\"color:#24292E\">) </span><span style=\"color:#D73A49\">!=</span><span style=\"color:#D73A49\"> -</span><span style=\"color:#005CC5\">1</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> return</span><span style=\"color:#6F42C1\"> process</span><span style=\"color:#24292E\">(block, </span><span style=\"color:#005CC5\">true</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">0x0F</span><span style=\"color:#24292E\">) </span><span style=\"color:#D73A49\">+</span></span>\n<span class=\"line\"><span style=\"color:#032F62\"> ` class=\"${</span><span style=\"color:#24292E\">cls</span><span style=\"color:#032F62\">}\"`</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> } </span><span style=\"color:#D73A49\">catch</span><span style=\"color:#24292E\"> (e) {</span></span>\n<span class=\"line\"><span style=\"color:#6A737D\"> /* handle exception */</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> }</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> for</span><span style=\"color:#24292E\"> (</span><span style=\"color:#D73A49\">var</span><span style=\"color:#24292E\"> i </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> 0</span><span style=\"color:#D73A49\"> /</span><span style=\"color:#005CC5\"> 2</span><span style=\"color:#24292E\">; i </span><span style=\"color:#D73A49\"><</span><span style=\"color:#24292E\"> classes.</span><span style=\"color:#005CC5\">length</span><span style=\"color:#24292E\">; i</span><span style=\"color:#D73A49\">++</span><span style=\"color:#24292E\">) {</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> if</span><span style=\"color:#24292E\"> (</span><span style=\"color:#6F42C1\">checkCondition</span><span style=\"color:#24292E\">(classes[i]) </span><span style=\"color:#D73A49\">===</span><span style=\"color:#005CC5\"> undefined</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> console.</span><span style=\"color:#6F42C1\">log</span><span style=\"color:#24292E\">(</span><span style=\"color:#032F62\">'undefined'</span><span style=\"color:#24292E\">);</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> }</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">}</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\">export</span><span style=\"color:#24292E\"> $initHighlight;</span></span></code></pre>\n<h2 id=\"php\">PHP</h2>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"php\"><code><span class=\"line\"><span style=\"color:#D73A49\">require_once</span><span style=\"color:#032F62\"> 'Zend/Uri/Http.php'</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\">namespace</span><span style=\"color:#6F42C1\"> Location\\Web</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\">interface</span><span style=\"color:#6F42C1\"> Factory</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">{</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> static</span><span style=\"color:#D73A49\"> function</span><span style=\"color:#6F42C1\"> _factory</span><span style=\"color:#24292E\">();</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">}</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\">abstract</span><span style=\"color:#D73A49\"> class</span><span style=\"color:#6F42C1\"> URI</span><span style=\"color:#D73A49\"> extends</span><span style=\"color:#6F42C1\"> BaseURI</span><span style=\"color:#D73A49\"> implements</span><span style=\"color:#6F42C1\"> Factory</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">{</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> abstract</span><span style=\"color:#D73A49\"> function</span><span style=\"color:#6F42C1\"> test</span><span style=\"color:#24292E\">();</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> public</span><span style=\"color:#D73A49\"> static</span><span style=\"color:#24292E\"> $st1 </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> 1</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> const</span><span style=\"color:#005CC5\"> ME</span><span style=\"color:#D73A49\"> =</span><span style=\"color:#032F62\"> \"Yo\"</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> var</span><span style=\"color:#24292E\"> $list </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> NULL</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> private</span><span style=\"color:#24292E\"> $var;</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#6A737D\"> /**</span></span>\n<span class=\"line\"><span style=\"color:#6A737D\"> * Returns a URI</span></span>\n<span class=\"line\"><span style=\"color:#6A737D\"> *</span></span>\n<span class=\"line\"><span style=\"color:#6A737D\"> * </span><span style=\"color:#D73A49\">@return</span><span style=\"color:#005CC5\"> URI</span></span>\n<span class=\"line\"><span style=\"color:#6A737D\"> */</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> static</span><span style=\"color:#D73A49\"> public</span><span style=\"color:#D73A49\"> function</span><span style=\"color:#6F42C1\"> _factory</span><span style=\"color:#24292E\">($stats </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> array</span><span style=\"color:#24292E\">(), $uri </span><span style=\"color:#D73A49\">=</span><span style=\"color:#032F62\"> 'http'</span><span style=\"color:#24292E\">)</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> {</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> echo</span><span style=\"color:#005CC5\"> __METHOD__</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> $uri </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> explode</span><span style=\"color:#24292E\">(</span><span style=\"color:#032F62\">':'</span><span style=\"color:#24292E\">, $uri, </span><span style=\"color:#005CC5\">0b10</span><span style=\"color:#24292E\">);</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> $schemeSpecific </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> isset</span><span style=\"color:#24292E\">($uri[</span><span style=\"color:#005CC5\">1</span><span style=\"color:#24292E\">]) </span><span style=\"color:#D73A49\">?</span><span style=\"color:#24292E\"> $uri[</span><span style=\"color:#005CC5\">1</span><span style=\"color:#24292E\">] </span><span style=\"color:#D73A49\">:</span><span style=\"color:#032F62\"> ''</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> $desc </span><span style=\"color:#D73A49\">=</span><span style=\"color:#032F62\"> 'Multi</span></span>\n<span class=\"line\"><span style=\"color:#032F62\">line description'</span><span style=\"color:#24292E\">;</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#6A737D\"> // Security check</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> if</span><span style=\"color:#24292E\"> (</span><span style=\"color:#D73A49\">!</span><span style=\"color:#005CC5\">ctype_alnum</span><span style=\"color:#24292E\">($scheme)) {</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> throw</span><span style=\"color:#D73A49\"> new</span><span style=\"color:#005CC5\"> Zend_Uri_Exception</span><span style=\"color:#24292E\">(</span><span style=\"color:#032F62\">'Illegal scheme'</span><span style=\"color:#24292E\">);</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> }</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> $this</span><span style=\"color:#D73A49\">-></span><span style=\"color:#24292E\">var </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> 0</span><span style=\"color:#D73A49\"> -</span><span style=\"color:#D73A49\"> self::</span><span style=\"color:#24292E\">$st;</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\"> $this</span><span style=\"color:#D73A49\">-></span><span style=\"color:#24292E\">list </span><span style=\"color:#D73A49\">=</span><span style=\"color:#005CC5\"> list</span><span style=\"color:#24292E\">(</span><span style=\"color:#D73A49\">Array</span><span style=\"color:#24292E\">(</span><span style=\"color:#032F62\">\"1\"</span><span style=\"color:#D73A49\">=></span><span style=\"color:#005CC5\"> 2</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">2</span><span style=\"color:#D73A49\">=>self::</span><span style=\"color:#005CC5\">ME</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">3</span><span style=\"color:#D73A49\"> =></span><span style=\"color:#005CC5\"> \\Location\\Web\\URI</span><span style=\"color:#D73A49\">::class</span><span style=\"color:#24292E\">));</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\"> return</span><span style=\"color:#24292E\"> [</span></span>\n<span class=\"line\"><span style=\"color:#032F62\"> 'uri'</span><span style=\"color:#D73A49\"> =></span><span style=\"color:#24292E\"> $uri,</span></span>\n<span class=\"line\"><span style=\"color:#032F62\"> 'value'</span><span style=\"color:#D73A49\"> =></span><span style=\"color:#005CC5\"> null</span><span style=\"color:#24292E\">,</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> ];</span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> }</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">}</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5\">echo</span><span style=\"color:#005CC5\"> URI</span><span style=\"color:#D73A49\">::</span><span style=\"color:#005CC5\">ME</span><span style=\"color:#D73A49\"> .</span><span style=\"color:#005CC5\"> URI</span><span style=\"color:#D73A49\">::</span><span style=\"color:#24292E\">$st1;</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#005CC5\">__halt_compiler</span><span style=\"color:#24292E\"> () ; </span><span style=\"color:#005CC5\">datahere</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">datahere</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">datahere</span><span style=\"color:#D73A49\"> */</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">datahere</span></span></code></pre>\n<h2 id=\"http\">HTTP</h2>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"http\"><code><span class=\"line\"><span style=\"color:#6A737D\">// Basic authentication</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\">GET</span><span style=\"color:#24292E\"> http://example.com</span></span>\n<span class=\"line\"><span style=\"color:#22863A\">Authorization</span><span style=\"color:#D73A49\">:</span><span style=\"color:#032F62\"> Basic username password</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#6A737D\">###</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#6A737D\">// Digest authentication</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\">GET</span><span style=\"color:#24292E\"> http://example.com</span></span>\n<span class=\"line\"><span style=\"color:#22863A\">Authorization</span><span style=\"color:#D73A49\">:</span><span style=\"color:#032F62\"> Digest username password</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#6A737D\">// The request body is provided in place</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\">POST</span><span style=\"color:#24292E\"> https://example.com:8080/api/html/post </span><span style=\"color:#D73A49\">HTTP</span><span style=\"color:#24292E\">/</span><span style=\"color:#005CC5\">1.1</span></span>\n<span class=\"line\"><span style=\"color:#22863A\">Content-Type</span><span style=\"color:#D73A49\">:</span><span style=\"color:#032F62\"> application/json</span></span>\n<span class=\"line\"><span style=\"color:#22863A\">Cookie</span><span style=\"color:#D73A49\">:</span><span style=\"color:#032F62\"> key=first-value</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">{ </span><span style=\"color:#005CC5\">\"key\"</span><span style=\"color:#24292E\"> : </span><span style=\"color:#032F62\">\"value\"</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">\"list\"</span><span style=\"color:#24292E\">: [</span><span style=\"color:#005CC5\">1</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">2</span><span style=\"color:#24292E\">, </span><span style=\"color:#005CC5\">3</span><span style=\"color:#24292E\">] }</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#6A737D\">// From https://www.jetbrains.com/help/idea/exploring-http-syntax.html#use-multipart-form-data</span></span></code></pre>\n<h2 id=\"shell\">Shell</h2>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"shell\"><code><span class=\"line\"><span style=\"color:#6F42C1\">curl</span><span style=\"color:#005CC5\"> -I</span><span style=\"color:#005CC5\"> --http2</span><span style=\"color:#005CC5\"> -s</span><span style=\"color:#032F62\"> https://linuxize.com/</span><span style=\"color:#D73A49\"> |</span><span style=\"color:#6F42C1\"> grep</span><span style=\"color:#032F62\"> HTTP</span></span></code></pre>\n<h3 id=\"shell-session\">Shell Session</h3>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"shellsession\"><code><span class=\"line\"><span style=\"color:#24292E\">$ echo $EDITOR</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">vim</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">$ git checkout main</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">Switched to branch 'main'</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">Your branch is up-to-date with 'origin/main'.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">$ git push</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">Everything up-to-date</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">$ echo </span><span style=\"color:#032F62\">'All</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">> done</span><span style=\"color:#D73A49\">!</span><span style=\"color:#6F42C1\">'</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">All</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">done!</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\"># From https://github.com/highlightjs/highlight.js/blob/fcefad4a6bf99b88c54b2b724ca77466e94c374d/test/detect/shell/default.txt#L4</span></span>\n<span class=\"line\"></span></code></pre>\n<h3 id=\"shell-script\">Shell Script</h3>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"shellscript\"><code><span class=\"line\"><span style=\"color:#6A737D\">#!/bin/bash</span></span>\n<span class=\"line\"><span style=\"color:#6A737D\"># weather.sh</span></span>\n<span class=\"line\"><span style=\"color:#6A737D\"># Copyright 2018 computer-geek64. All rights reserved.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">program</span><span style=\"color:#D73A49\">=</span><span style=\"color:#032F62\">Weather</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">version</span><span style=\"color:#D73A49\">=</span><span style=\"color:#032F62\">1.1</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">year</span><span style=\"color:#D73A49\">=</span><span style=\"color:#032F62\">2018</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">developer</span><span style=\"color:#D73A49\">=</span><span style=\"color:#032F62\">computer-geek64</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#D73A49\">case</span><span style=\"color:#E36209\"> $1</span><span style=\"color:#D73A49\"> in</span></span>\n<span class=\"line\"><span style=\"color:#032F62\">-h</span><span style=\"color:#D73A49\"> |</span><span style=\"color:#032F62\"> --help</span><span style=\"color:#D73A49\">)</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">\techo</span><span style=\"color:#032F62\"> \"</span><span style=\"color:#24292E\">$program</span><span style=\"color:#24292E\"> $version</span><span style=\"color:#032F62\">\"</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">\techo</span><span style=\"color:#032F62\"> \"Copyright </span><span style=\"color:#24292E\">$year</span><span style=\"color:#24292E\"> $developer</span><span style=\"color:#032F62\">. All rights reserved.\"</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">\techo</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">\techo</span><span style=\"color:#032F62\"> \"Usage: weather [options]\"</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">\techo</span><span style=\"color:#032F62\"> \"Option Long Option Description\"</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">\techo</span><span style=\"color:#032F62\"> \"-h --help Show the help screen\"</span></span>\n<span class=\"line\"><span style=\"color:#005CC5\">\techo</span><span style=\"color:#032F62\"> \"-l [location] --location [location] Specifies the location\"</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">\t;;</span></span>\n<span class=\"line\"><span style=\"color:#032F62\">-l</span><span style=\"color:#D73A49\"> |</span><span style=\"color:#032F62\"> --location</span><span style=\"color:#D73A49\">)</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">\tcurl</span><span style=\"color:#032F62\"> https://wttr.in/</span><span style=\"color:#E36209\">$2</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">\t;;</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\">*)</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">\tcurl</span><span style=\"color:#032F62\"> https://wttr.in</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">\t;;</span></span>\n<span class=\"line\"><span style=\"color:#D73A49\">esac</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#6A737D\"># From https://github.com/ruanyf/simple-bash-scripts/blob/master/scripts/weather.sh</span></span></code></pre>\n<hr>\n<h1 id=\"tables\">Tables</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">Colons can be used to align columns.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Tables | Are | Cool |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| ------------- | :-----------: | ----: |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| col 3 is | right-aligned | $1600 |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| col 2 is | centered | $12 |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| zebra stripes | are neat | $1 |</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">There must be at least 3 dashes separating each header cell.</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">The outer pipes (|) are optional, and you don't need to make the</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">raw Markdown line up prettily. You can also use inline Markdown.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Markdown | Less | Pretty |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| -------- | --------- | ---------- |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| </span><span style=\"color:#24292E;font-style:italic\">_Still_</span><span style=\"color:#24292E\"> | </span><span style=\"color:#005CC5\">`renders`</span><span style=\"color:#24292E\"> | </span><span style=\"color:#24292E;font-weight:bold\">**nicely**</span><span style=\"color:#24292E\"> |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| 1 | 2 | 3 |</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">| First Header | Second Header |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| ------------ | ------------- |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Content Cell | Content Cell |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Content Cell | Content Cell |</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Command | Description |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| ---------- | ---------------------------------------------- |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| git status | List all new or modified files |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| git diff | Show file differences that haven't been staged |</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Command | Description |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| ------------ | -------------------------------------------------- |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| </span><span style=\"color:#005CC5\">`git status`</span><span style=\"color:#24292E\"> | List all </span><span style=\"color:#24292E;font-style:italic\">_new or modified_</span><span style=\"color:#24292E\"> files |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| </span><span style=\"color:#005CC5\">`git diff`</span><span style=\"color:#24292E\"> | Show file differences that </span><span style=\"color:#24292E;font-weight:bold\">**haven't been**</span><span style=\"color:#24292E\"> staged |</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Left-aligned | Center-aligned | Right-aligned |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| :----------- | :------------: | ------------: |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| git status | git status | git status |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| git diff | git diff | git diff |</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Name | Character |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| -------- | --------- |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Backtick | ` |</span></span>\n<span class=\"line\"><span style=\"color:#24292E\">| Pipe | \\| |</span></span></code></pre>\n<p>Colons can be used to align columns.</p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<table><thead><tr><th>Tables</th><th align=\"center\">Are</th><th align=\"right\">Cool</th></tr></thead><tbody><tr><td>col 3 is</td><td align=\"center\">right-aligned</td><td align=\"right\">$1600</td></tr><tr><td>col 2 is</td><td align=\"center\">centered</td><td align=\"right\">$12</td></tr><tr><td>zebra stripes</td><td align=\"center\">are neat</td><td align=\"right\">$1</td></tr></tbody></table>\n<p>There must be at least 3 dashes separating each header cell.\nThe outer pipes (|) are optional, and you don’t need to make the\nraw Markdown line up prettily. You can also use inline Markdown.</p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<table><thead><tr><th>Markdown</th><th>Less</th><th>Pretty</th></tr></thead><tbody><tr><td><em>Still</em></td><td><code>renders</code></td><td><strong>nicely</strong></td></tr><tr><td>1</td><td>2</td><td>3</td></tr></tbody></table>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<table><thead><tr><th>First Header</th><th>Second Header</th></tr></thead><tbody><tr><td>Content Cell</td><td>Content Cell</td></tr><tr><td>Content Cell</td><td>Content Cell</td></tr></tbody></table>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<table><thead><tr><th>Command</th><th>Description</th></tr></thead><tbody><tr><td>git status</td><td>List all new or modified files</td></tr><tr><td>git diff</td><td>Show file differences that haven’t been staged</td></tr></tbody></table>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<table><thead><tr><th>Command</th><th>Description</th></tr></thead><tbody><tr><td><code>git status</code></td><td>List all <em>new or modified</em> files</td></tr><tr><td><code>git diff</code></td><td>Show file differences that <strong>haven’t been</strong> staged</td></tr></tbody></table>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<table><thead><tr><th align=\"left\">Left-aligned</th><th align=\"center\">Center-aligned</th><th align=\"right\">Right-aligned</th></tr></thead><tbody><tr><td align=\"left\">git status</td><td align=\"center\">git status</td><td align=\"right\">git status</td></tr><tr><td align=\"left\">git diff</td><td align=\"center\">git diff</td><td align=\"right\">git diff</td></tr></tbody></table>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<table><thead><tr><th>Name</th><th>Character</th></tr></thead><tbody><tr><td>Backtick</td><td>`</td></tr><tr><td>Pipe</td><td>|</td></tr></tbody></table>\n<hr>\n<h1 id=\"blockquotes\">Blockquotes</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#22863A\">> Blockquotes are very handy in email to emulate reply text.</span></span>\n<span class=\"line\"><span style=\"color:#22863A\">> This line is part of the same quote.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\">Quote break.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#22863A\">> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can </span><span style=\"color:#24292E;font-style:italic\">_put_</span><span style=\"color:#24292E;font-weight:bold\"> **Markdown**</span><span style=\"color:#22863A\"> into a blockquote.</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#22863A\">> Blockquotes can also be nested...</span></span>\n<span class=\"line\"><span style=\"color:#22863A\">></span></span>\n<span class=\"line\"><span style=\"color:#22863A\">> > ...by using additional greater-than signs right next to each other...</span></span>\n<span class=\"line\"><span style=\"color:#22863A\">> ></span></span>\n<span class=\"line\"><span style=\"color:#22863A\">> > > ...or with spaces between arrows.</span></span></code></pre>\n<blockquote>\n<p>Blockquotes are very handy in email to emulate reply text.\nThis line is part of the same quote.</p>\n</blockquote>\n<p>Quote break.</p>\n<blockquote>\n<p>This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can <em>put</em> <strong>Markdown</strong> into a blockquote.</p>\n</blockquote>\n<blockquote>\n<p>Blockquotes can also be nested…</p>\n<blockquote>\n<p>…by using additional greater-than signs right next to each other…</p>\n<blockquote>\n<p>…or with spaces between arrows.</p>\n</blockquote>\n</blockquote>\n</blockquote>\n<hr>\n<h1 id=\"inline-html\">Inline HTML</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"html\"><code><span class=\"line\"><span style=\"color:#24292E\"><</span><span style=\"color:#22863A\">dl</span><span style=\"color:#24292E\">></span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> <</span><span style=\"color:#22863A\">dt</span><span style=\"color:#24292E\">>Definition list</</span><span style=\"color:#22863A\">dt</span><span style=\"color:#24292E\">></span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> <</span><span style=\"color:#22863A\">dd</span><span style=\"color:#24292E\">>Is something people use sometimes.</</span><span style=\"color:#22863A\">dd</span><span style=\"color:#24292E\">></span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"color:#24292E\"> <</span><span style=\"color:#22863A\">dt</span><span style=\"color:#24292E\">>Markdown in HTML</</span><span style=\"color:#22863A\">dt</span><span style=\"color:#24292E\">></span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> <</span><span style=\"color:#22863A\">dd</span><span style=\"color:#24292E\">>Does *not* work **very** well. Use HTML <</span><span style=\"color:#22863A\">em</span><span style=\"color:#24292E\">>tags</</span><span style=\"color:#22863A\">em</span><span style=\"color:#24292E\">>.</</span><span style=\"color:#22863A\">dd</span><span style=\"color:#24292E\">></span></span>\n<span class=\"line\"><span style=\"color:#24292E\"></</span><span style=\"color:#22863A\">dl</span><span style=\"color:#24292E\">></span></span></code></pre>\n<dl>\n <dt>Definition list</dt>\n <dd>Is something people use sometimes.</dd>\n <dt>Markdown in HTML</dt>\n <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>\n</dl>\n<hr>\n<h1 id=\"horizontal-rules\">Horizontal Rules</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\"><code><span class=\"line\"><span>Three or more...</span></span>\n<span class=\"line\"><span></span></span>\n<span class=\"line\"><span>---</span></span>\n<span class=\"line\"><span></span></span>\n<span class=\"line\"><span>Hyphens</span></span>\n<span class=\"line\"><span></span></span>\n<span class=\"line\"><span>***</span></span>\n<span class=\"line\"><span></span></span>\n<span class=\"line\"><span>Asterisks</span></span>\n<span class=\"line\"><span></span></span>\n<span class=\"line\"><span>___</span></span>\n<span class=\"line\"><span></span></span>\n<span class=\"line\"><span>Underscores</span></span></code></pre>\n<hr>\n<h1 id=\"youtube-videos\">YouTube Videos</h1>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"html\"><code><span class=\"line\"><span style=\"color:#24292E\"><</span><span style=\"color:#22863A\">a</span><span style=\"color:#6F42C1\"> href</span><span style=\"color:#24292E\">=</span><span style=\"color:#032F62\">\"http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE\"</span><span style=\"color:#6F42C1\"> target</span><span style=\"color:#24292E\">=</span><span style=\"color:#032F62\">\"_blank\"</span><span style=\"color:#24292E\">></span></span>\n<span class=\"line\"><span style=\"color:#24292E\"> <</span><span style=\"color:#22863A\">img</span><span style=\"color:#6F42C1\"> src</span><span style=\"color:#24292E\">=</span><span style=\"color:#032F62\">\"http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg\"</span><span style=\"color:#6F42C1\"> alt</span><span style=\"color:#24292E\">=</span><span style=\"color:#032F62\">\"IMAGE ALT TEXT HERE\"</span><span style=\"color:#6F42C1\"> width</span><span style=\"color:#24292E\">=</span><span style=\"color:#032F62\">\"240\"</span><span style=\"color:#6F42C1\"> height</span><span style=\"color:#24292E\">=</span><span style=\"color:#032F62\">\"180\"</span><span style=\"color:#B31D28;font-style:italic\"> border</span><span style=\"color:#24292E\">=</span><span style=\"color:#032F62\">\"10\"</span><span style=\"color:#24292E\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292E\"></</span><span style=\"color:#22863A\">a</span><span style=\"color:#24292E\">></span></span></code></pre>\n<a href=\"http://www.youtube.com/watch?feature=player_embedded&v=dQw4w9WgXcQ\" target=\"_blank\">\n<img src=\"http://img.youtube.com/vi/dQw4w9WgXcQ/0.jpg\" alt=\"IMAGE ALT TEXT HERE\" width=\"240\" height=\"180\" border=\"10\">\n</a>\n<pre class=\"astro-code github-light\" style=\"background-color:#fff;color:#24292e; overflow-x: auto;\" tabindex=\"0\" data-language=\"markdown\"><code><span class=\"line\"><span style=\"color:#24292E\">[</span><span style=\"color:#032F62;text-decoration:underline\"></span><span style=\"color:#24292E\">](</span><span style=\"color:#24292E;text-decoration:underline\">http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE</span><span style=\"color:#24292E\">)</span></span></code></pre>\n<p><a href=\"https://www.youtube.com/watch?v=dQw4w9WgXcQ\"><img src=\"http://img.youtube.com/vi/dQw4w9WgXcQ/0.jpg\" alt=\"IMAGE ALT TEXT HERE\"></a></p>\n<section data-footnotes=\"\" class=\"footnotes\"><h2 class=\"sr-only\" id=\"footnote-label\">Footnotes</h2>\n<ol>\n<li id=\"user-content-fn-first\">\n<p>Footnote <strong>can have markup</strong></p>\n<p>and multiple paragraphs. <a href=\"#user-content-fnref-first\" data-footnote-backref=\"\" aria-label=\"Back to reference 1\" class=\"data-footnote-backref\">↩</a></p>\n</li>\n<li id=\"user-content-fn-second\">\n<p>Footnote text. <a href=\"#user-content-fnref-second\" data-footnote-backref=\"\" aria-label=\"Back to reference 2\" class=\"data-footnote-backref\">↩</a> <a href=\"#user-content-fnref-second-2\" data-footnote-backref=\"\" aria-label=\"Back to reference 2-2\" class=\"data-footnote-backref\">↩<sup>2</sup></a></p>\n</li>\n</ol>\n</section>",
"metadata": {
"headings": [
{
"depth": 1,
"slug": "headers",
"text": "Headers"
},
{
"depth": 1,
"slug": "h1-heading-8",
"text": "h1 Heading 8-)"
},
{
"depth": 2,
"slug": "h2-heading",
"text": "h2 Heading"
},
{
"depth": 3,
"slug": "h3-heading",
"text": "h3 Heading"
},
{
"depth": 4,
"slug": "h4-heading",
"text": "h4 Heading"
},
{
"depth": 5,
"slug": "h5-heading",
"text": "h5 Heading"
},
{
"depth": 6,
"slug": "h6-heading",
"text": "h6 Heading"
},
{
"depth": 1,
"slug": "alt-h1",
"text": "Alt-H1"
},
{
"depth": 2,
"slug": "alt-h2",
"text": "Alt-H2"
},
{
"depth": 1,
"slug": "emphasis",
"text": "Emphasis"
},
{
"depth": 1,
"slug": "lists",
"text": "Lists"
},
{
"depth": 1,
"slug": "task-lists",
"text": "Task lists"
},
{
"depth": 1,
"slug": "ignoring-markdown-formatting",
"text": "Ignoring Markdown formatting"
},
{
"depth": 1,
"slug": "links",
"text": "Links"
},
{
"depth": 1,
"slug": "images",
"text": "Images"
},
{
"depth": 1,
"slug": "footnotes",
"text": "Footnotes"
},
{
"depth": 1,
"slug": "code-and-syntax-highlighting",
"text": "Code and Syntax Highlighting"
},
{
"depth": 2,
"slug": "c",
"text": "C#"
},
{
"depth": 2,
"slug": "css",
"text": "CSS"
},
{
"depth": 2,
"slug": "javascript",
"text": "JavaScript"
},
{
"depth": 2,
"slug": "php",
"text": "PHP"
},
{
"depth": 2,
"slug": "http",
"text": "HTTP"
},
{
"depth": 2,
"slug": "shell",
"text": "Shell"
},
{
"depth": 3,
"slug": "shell-session",
"text": "Shell Session"
},
{
"depth": 3,
"slug": "shell-script",
"text": "Shell Script"
},
{
"depth": 1,
"slug": "tables",
"text": "Tables"
},
{
"depth": 1,
"slug": "blockquotes",
"text": "Blockquotes"
},
{
"depth": 1,
"slug": "inline-html",
"text": "Inline HTML"
},
{
"depth": 1,
"slug": "horizontal-rules",
"text": "Horizontal Rules"
},
{
"depth": 1,
"slug": "youtube-videos",
"text": "YouTube Videos"
},
{
"depth": 2,
"slug": "footnote-label",
"text": "Footnotes"
}
],
"localImagePaths": [],
"remoteImagePaths": [],
"frontmatter": {}
}
},
"collection": "pages"
}astro:content
const { Content } = await render(entry);
the code below was based on: [Gist] allysonsilva/Full-Markdown.md
Headers
# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
# Alt-H1
## Alt-H2h1 Heading 8-)
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
Alt-H1
Alt-H2
Emphasis
Emphasis, aka italics, with _asterisks_ or _underscores_.
Strong emphasis, aka bold, with **asterisks** or **underscores**.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
**This is bold text**
**This is bold text**
_This is italic text_
_This is italic text_
~~Strikethrough~~Emphasis, aka italics, with asterisks or underscores.
Strong emphasis, aka bold, with asterisks or underscores.
Combined emphasis with asterisks and underscores.
Strikethrough uses two tildes. Scratch this.
This is bold text
This is bold text
This is italic text
This is italic text
Strikethrough
Lists
1. First ordered list item
2. Another item
⋅⋅\* Unordered sub-list.
3. Actual numbers don't matter, just that it's a number
⋅⋅1. Ordered sub-list
4. And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
- Unordered list can use asterisks
* Or minuses
- Or pluses
1. Make my changes
1. Fix bug
2. Improve formatting
- Make the headings bigger
2. Push my commits to GitHub
3. Open a pull request
- Describe my changes
- Mention all the members of my team
- Ask for feedback
- Create a list by starting a line with `+`, `-`, or `*`
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
* Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Very easy!- First ordered list item
- Another item ⋅⋅* Unordered sub-list.
- Actual numbers don’t matter, just that it’s a number ⋅⋅1. Ordered sub-list
- And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
- Unordered list can use asterisks
- Or minuses
- Or pluses
- Make my changes
- Fix bug
- Improve formatting
- Make the headings bigger
- Push my commits to GitHub
- Open a pull request
- Describe my changes
- Mention all the members of my team
- Ask for feedback
- Create a list by starting a line with
+,-, or* - Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Marker character change forces new list start:
- Very easy!
Task lists
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item- Finish my changes
- Push my commits to GitHub
- Open a pull request
- @mentions, #refs, links, formatting, and
tagssupported - list syntax required (any unordered or ordered list supported)
- this is a complete item
- this is an incomplete item
Ignoring Markdown formatting
You can tell GitHub to ignore (or escape) Markdown formatting by using \ before the Markdown character.
Let's rename \*our-new-project\* to \*our-old-project\*.Let’s rename *our-new-project* to *our-old-project*.
Links
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
`http://www.example.com` or `<http://www.example.com>` and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.mozilla.org
[1]: http://slashdot.org
[link text itself]: http://www.reddit.comI’m an inline-style link with title
I’m a relative reference to a repository file
You can use numbers for reference-style link definitions
Or leave it empty and use the link text itself.
URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
Images
Here's our logo (hover to see the title text):
Inline-style:
Reference-style:
![alt text][logo]
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2'
Like links, Images also have a footnote style syntax
![Alt text][id]
With a reference later in the document defining the URL location:
[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'Here’s our logo (hover to see the title text):
Inline-style:
Centered:
Reference-style:
Like links, Images also have a footnote style syntax
With a reference later in the document defining the URL location:
Footnotes
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: Footnote **can have markup**
and multiple paragraphs.
[^second]: Footnote text.Footnote 1 link1.
Footnote 2 link2.
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference2.
Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.Inline code has back-ticks around it.
C#
using System.IO.Compression;
#pragma warning disable 414, 3021
namespace MyApplication
{
[Obsolete("...")]
class Program : IInterface
{
public static List<int> JustDoIt(int count)
{
Console.WriteLine($"Hello {Name}!");
return new List<int>(new int[] { 1, 2, 3 })
}
}
}CSS
@font-face {
font-family: Chunkfive;
src: url('Chunkfive.otf');
}
body,
.usertext {
color: #f0f0f0;
background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
@media print {
a[href^='http']::after {
content: attr(href);
}
}JavaScript
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
export $initHighlight;PHP
require_once 'Zend/Uri/Http.php';
namespace Location\Web;
interface Factory
{
static function _factory();
}
abstract class URI extends BaseURI implements Factory
{
abstract function test();
public static $st1 = 1;
const ME = "Yo";
var $list = NULL;
private $var;
/**
* Returns a URI
*
* @return URI
*/
static public function _factory($stats = array(), $uri = 'http')
{
echo __METHOD__;
$uri = explode(':', $uri, 0b10);
$schemeSpecific = isset($uri[1]) ? $uri[1] : '';
$desc = 'Multi
line description';
// Security check
if (!ctype_alnum($scheme)) {
throw new Zend_Uri_Exception('Illegal scheme');
}
$this->var = 0 - self::$st;
$this->list = list(Array("1"=> 2, 2=>self::ME, 3 => \Location\Web\URI::class));
return [
'uri' => $uri,
'value' => null,
];
}
}
echo URI::ME . URI::$st1;
__halt_compiler () ; datahere
datahere
datahere */
datahereHTTP
// Basic authentication
GET http://example.com
Authorization: Basic username password
###
// Digest authentication
GET http://example.com
Authorization: Digest username password
// The request body is provided in place
POST https://example.com:8080/api/html/post HTTP/1.1
Content-Type: application/json
Cookie: key=first-value
{ "key" : "value", "list": [1, 2, 3] }
// From https://www.jetbrains.com/help/idea/exploring-http-syntax.html#use-multipart-form-dataShell
curl -I --http2 -s https://linuxize.com/ | grep HTTPShell Session
$ echo $EDITOR
vim
$ git checkout main
Switched to branch 'main'
Your branch is up-to-date with 'origin/main'.
$ git push
Everything up-to-date
$ echo 'All
> done!'
All
done!
# From https://github.com/highlightjs/highlight.js/blob/fcefad4a6bf99b88c54b2b724ca77466e94c374d/test/detect/shell/default.txt#L4
Shell Script
#!/bin/bash
# weather.sh
# Copyright 2018 computer-geek64. All rights reserved.
program=Weather
version=1.1
year=2018
developer=computer-geek64
case $1 in
-h | --help)
echo "$program $version"
echo "Copyright $year $developer. All rights reserved."
echo
echo "Usage: weather [options]"
echo "Option Long Option Description"
echo "-h --help Show the help screen"
echo "-l [location] --location [location] Specifies the location"
;;
-l | --location)
curl https://wttr.in/$2
;;
*)
curl https://wttr.in
;;
esac
# From https://github.com/ruanyf/simple-bash-scripts/blob/master/scripts/weather.shTables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- | :-----------: | ----: |
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
| Markdown | Less | Pretty |
| -------- | --------- | ---------- |
| _Still_ | `renders` | **nicely** |
| 1 | 2 | 3 |
| First Header | Second Header |
| ------------ | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
| ---------- | ---------------------------------------------- |
| git status | List all new or modified files |
| git diff | Show file differences that haven't been staged |
| Command | Description |
| ------------ | -------------------------------------------------- |
| `git status` | List all _new or modified_ files |
| `git diff` | Show file differences that **haven't been** staged |
| Left-aligned | Center-aligned | Right-aligned |
| :----------- | :------------: | ------------: |
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
| -------- | --------- |
| Backtick | ` |
| Pipe | \| |Colons can be used to align columns.
| Tables | Are | Cool |
|---|---|---|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.
| Markdown | Less | Pretty |
|---|---|---|
| Still | renders | nicely |
| 1 | 2 | 3 |
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
|---|---|
| git status | List all new or modified files |
| git diff | Show file differences that haven’t been staged |
| Command | Description |
|---|---|
git status | List all new or modified files |
git diff | Show file differences that haven’t been staged |
| Left-aligned | Center-aligned | Right-aligned |
|---|---|---|
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
|---|---|
| Backtick | ` |
| Pipe | | |
Blockquotes
> Blockquotes are very handy in email to emulate reply text.
> This line is part of the same quote.
Quote break.
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.
> Blockquotes can also be nested...
>
> > ...by using additional greater-than signs right next to each other...
> >
> > > ...or with spaces between arrows.Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.
Quote break.
This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.
Blockquotes can also be nested…
…by using additional greater-than signs right next to each other…
…or with spaces between arrows.
Inline HTML
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>- Definition list
- Is something people use sometimes.
- Markdown in HTML
- Does *not* work **very** well. Use HTML tags.
Horizontal Rules
Three or more...
---
Hyphens
***
Asterisks
___
UnderscoresYouTube Videos
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE" target="_blank">
<img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" />
</a>
[](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)
Footnotes
astro-remote - Markdown
entry.data.body
the code below was based on: [Gist] allysonsilva/Full-Markdown.md
Headers
# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
# Alt-H1
## Alt-H2
h1 Heading 8-)
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
Alt-H1
Alt-H2
Emphasis
Emphasis, aka italics, with _asterisks_ or _underscores_.
Strong emphasis, aka bold, with **asterisks** or **underscores**.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
**This is bold text**
**This is bold text**
_This is italic text_
_This is italic text_
~~Strikethrough~~
Emphasis, aka italics, with asterisks or underscores.
Strong emphasis, aka bold, with asterisks or underscores.
Combined emphasis with asterisks and underscores.
Strikethrough uses two tildes. Scratch this.
This is bold text
This is bold text
This is italic text
This is italic text
Strikethrough
Lists
1. First ordered list item
2. Another item
⋅⋅\* Unordered sub-list.
3. Actual numbers don't matter, just that it's a number
⋅⋅1. Ordered sub-list
4. And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
- Unordered list can use asterisks
* Or minuses
- Or pluses
1. Make my changes
1. Fix bug
2. Improve formatting
- Make the headings bigger
2. Push my commits to GitHub
3. Open a pull request
- Describe my changes
- Mention all the members of my team
- Ask for feedback
- Create a list by starting a line with `+`, `-`, or `*`
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
* Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Very easy!
- First ordered list item
- Another item ⋅⋅* Unordered sub-list.
- Actual numbers don’t matter, just that it’s a number ⋅⋅1. Ordered sub-list
- And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
- Unordered list can use asterisks
- Or minuses
- Or pluses
- Make my changes
- Fix bug
- Improve formatting
- Make the headings bigger
- Push my commits to GitHub
- Open a pull request
- Describe my changes
- Mention all the members of my team
- Ask for feedback
- Create a list by starting a line with
+,-, or* - Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Marker character change forces new list start:
- Very easy!
Task lists
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item
- Finish my changes
- Push my commits to GitHub
- Open a pull request
- @mentions, #refs, links, formatting, and
tagssupported - list syntax required (any unordered or ordered list supported)
- this is a complete item
- this is an incomplete item
Ignoring Markdown formatting
You can tell GitHub to ignore (or escape) Markdown formatting by using \ before the Markdown character.
Let's rename \*our-new-project\* to \*our-old-project\*.
Let’s rename *our-new-project* to *our-old-project*.
Links
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
`http://www.example.com` or `<http://www.example.com>` and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.mozilla.org
[1]: http://slashdot.org
[link text itself]: http://www.reddit.com
I’m an inline-style link with title
I’m a relative reference to a repository file
You can use numbers for reference-style link definitions
Or leave it empty and use the link text itself.
URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
Images
Here's our logo (hover to see the title text):
Inline-style:
Reference-style:
![alt text][logo]
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2'
Like links, Images also have a footnote style syntax
![Alt text][id]
With a reference later in the document defining the URL location:
[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'
Here’s our logo (hover to see the title text):
Inline-style:
Centered:
Reference-style:
Like links, Images also have a footnote style syntax
With a reference later in the document defining the URL location:
Footnotes
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: Footnote **can have markup**
and multiple paragraphs.
[^second]: Footnote text.
Footnote 1 link1.
Footnote 2 link2.
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference2.
Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
Inline code has back-ticks around it.
C#
using System.IO.Compression;
#pragma warning disable 414, 3021
namespace MyApplication
{
[Obsolete("...")]
class Program : IInterface
{
public static List<int> JustDoIt(int count)
{
Console.WriteLine($"Hello {Name}!");
return new List<int>(new int[] { 1, 2, 3 })
}
}
}
CSS
@font-face {
font-family: Chunkfive;
src: url('Chunkfive.otf');
}
body,
.usertext {
color: #f0f0f0;
background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
@media print {
a[href^='http']::after {
content: attr(href);
}
}
JavaScript
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
export $initHighlight;
PHP
require_once 'Zend/Uri/Http.php';
namespace Location\Web;
interface Factory
{
static function _factory();
}
abstract class URI extends BaseURI implements Factory
{
abstract function test();
public static $st1 = 1;
const ME = "Yo";
var $list = NULL;
private $var;
/**
* Returns a URI
*
* @return URI
*/
static public function _factory($stats = array(), $uri = 'http')
{
echo __METHOD__;
$uri = explode(':', $uri, 0b10);
$schemeSpecific = isset($uri[1]) ? $uri[1] : '';
$desc = 'Multi
line description';
// Security check
if (!ctype_alnum($scheme)) {
throw new Zend_Uri_Exception('Illegal scheme');
}
$this->var = 0 - self::$st;
$this->list = list(Array("1"=> 2, 2=>self::ME, 3 => \Location\Web\URI::class));
return [
'uri' => $uri,
'value' => null,
];
}
}
echo URI::ME . URI::$st1;
__halt_compiler () ; datahere
datahere
datahere */
datahere
HTTP
// Basic authentication
GET http://example.com
Authorization: Basic username password
###
// Digest authentication
GET http://example.com
Authorization: Digest username password
// The request body is provided in place
POST https://example.com:8080/api/html/post HTTP/1.1
Content-Type: application/json
Cookie: key=first-value
{ "key" : "value", "list": [1, 2, 3] }
// From https://www.jetbrains.com/help/idea/exploring-http-syntax.html#use-multipart-form-data
Shell
curl -I --http2 -s https://linuxize.com/ | grep HTTP
Shell Session
$ echo $EDITOR
vim
$ git checkout main
Switched to branch 'main'
Your branch is up-to-date with 'origin/main'.
$ git push
Everything up-to-date
$ echo 'All
> done!'
All
done!
# From https://github.com/highlightjs/highlight.js/blob/fcefad4a6bf99b88c54b2b724ca77466e94c374d/test/detect/shell/default.txt#L4
Shell Script
#!/bin/bash
# weather.sh
# Copyright 2018 computer-geek64. All rights reserved.
program=Weather
version=1.1
year=2018
developer=computer-geek64
case $1 in
-h | --help)
echo "$program $version"
echo "Copyright $year $developer. All rights reserved."
echo
echo "Usage: weather [options]"
echo "Option Long Option Description"
echo "-h --help Show the help screen"
echo "-l [location] --location [location] Specifies the location"
;;
-l | --location)
curl https://wttr.in/$2
;;
*)
curl https://wttr.in
;;
esac
# From https://github.com/ruanyf/simple-bash-scripts/blob/master/scripts/weather.sh
Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- | :-----------: | ----: |
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
| Markdown | Less | Pretty |
| -------- | --------- | ---------- |
| _Still_ | `renders` | **nicely** |
| 1 | 2 | 3 |
| First Header | Second Header |
| ------------ | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
| ---------- | ---------------------------------------------- |
| git status | List all new or modified files |
| git diff | Show file differences that haven't been staged |
| Command | Description |
| ------------ | -------------------------------------------------- |
| `git status` | List all _new or modified_ files |
| `git diff` | Show file differences that **haven't been** staged |
| Left-aligned | Center-aligned | Right-aligned |
| :----------- | :------------: | ------------: |
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
| -------- | --------- |
| Backtick | ` |
| Pipe | \| |
Colons can be used to align columns.
| Tables | Are | Cool |
|---|---|---|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.
| Markdown | Less | Pretty |
|---|---|---|
| Still | renders |
nicely |
| 1 | 2 | 3 |
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
|---|---|
| git status | List all new or modified files |
| git diff | Show file differences that haven’t been staged |
| Command | Description |
|---|---|
git status |
List all new or modified files |
git diff |
Show file differences that haven’t been staged |
| Left-aligned | Center-aligned | Right-aligned |
|---|---|---|
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
|---|---|
| Backtick | ` |
| Pipe | | |
Blockquotes
> Blockquotes are very handy in email to emulate reply text.
> This line is part of the same quote.
Quote break.
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.
> Blockquotes can also be nested...
>
> > ...by using additional greater-than signs right next to each other...
> >
> > > ...or with spaces between arrows.
Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.
Quote break.
This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.
Blockquotes can also be nested…
…by using additional greater-than signs right next to each other…
…or with spaces between arrows.
Inline HTML
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
- Definition list
- Is something people use sometimes.
- Markdown in HTML
- Does *not* work **very** well. Use HTML tags.
Horizontal Rules
Three or more...
---
Hyphens
***
Asterisks
___
Underscores
YouTube Videos
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE" target="_blank">
<img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" />
</a>
[](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)
Footnotes
astro-remote - Markup
entry.rendered.html
the code below was based on: [Gist] allysonsilva/Full-Markdown.md
Headers
# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
# Alt-H1
## Alt-H2h1 Heading 8-)
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
Alt-H1
Alt-H2
Emphasis
Emphasis, aka italics, with _asterisks_ or _underscores_.
Strong emphasis, aka bold, with **asterisks** or **underscores**.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
**This is bold text**
**This is bold text**
_This is italic text_
_This is italic text_
~~Strikethrough~~Emphasis, aka italics, with asterisks or underscores.
Strong emphasis, aka bold, with asterisks or underscores.
Combined emphasis with asterisks and underscores.
Strikethrough uses two tildes. Scratch this.
This is bold text
This is bold text
This is italic text
This is italic text
Strikethrough
Lists
1. First ordered list item
2. Another item
⋅⋅\* Unordered sub-list.
3. Actual numbers don't matter, just that it's a number
⋅⋅1. Ordered sub-list
4. And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
- Unordered list can use asterisks
* Or minuses
- Or pluses
1. Make my changes
1. Fix bug
2. Improve formatting
- Make the headings bigger
2. Push my commits to GitHub
3. Open a pull request
- Describe my changes
- Mention all the members of my team
- Ask for feedback
- Create a list by starting a line with `+`, `-`, or `*`
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
* Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Very easy!- First ordered list item
- Another item ⋅⋅* Unordered sub-list.
- Actual numbers don’t matter, just that it’s a number ⋅⋅1. Ordered sub-list
- And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
- Unordered list can use asterisks
- Or minuses
- Or pluses
- Make my changes
- Fix bug
- Improve formatting
- Make the headings bigger
- Push my commits to GitHub
- Open a pull request
- Describe my changes
- Mention all the members of my team
- Ask for feedback
- Create a list by starting a line with
+,-, or* - Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Marker character change forces new list start:
- Very easy!
Task lists
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item- Finish my changes
- Push my commits to GitHub
- Open a pull request
- @mentions, #refs, links, formatting, and
tagssupported - list syntax required (any unordered or ordered list supported)
- this is a complete item
- this is an incomplete item
Ignoring Markdown formatting
You can tell GitHub to ignore (or escape) Markdown formatting by using \ before the Markdown character.
Let's rename \*our-new-project\* to \*our-old-project\*.Let’s rename *our-new-project* to *our-old-project*.
Links
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
`http://www.example.com` or `<http://www.example.com>` and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.mozilla.org
[1]: http://slashdot.org
[link text itself]: http://www.reddit.comI’m an inline-style link with title
I’m a relative reference to a repository file
You can use numbers for reference-style link definitions
Or leave it empty and use the link text itself.
URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
Images
Here's our logo (hover to see the title text):
Inline-style:
Reference-style:
![alt text][logo]
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2'
Like links, Images also have a footnote style syntax
![Alt text][id]
With a reference later in the document defining the URL location:
[id]: https://octodex.github.com/images/dojocat.jpg 'The Dojocat'Here’s our logo (hover to see the title text):
Inline-style:
Centered:
Reference-style:
Like links, Images also have a footnote style syntax
With a reference later in the document defining the URL location:
Footnotes
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: Footnote **can have markup**
and multiple paragraphs.
[^second]: Footnote text.Footnote 1 link1.
Footnote 2 link2.
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference2.
Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.Inline code has back-ticks around it.
C#
using System.IO.Compression;
#pragma warning disable 414, 3021
namespace MyApplication
{
[Obsolete("...")]
class Program : IInterface
{
public static List<int> JustDoIt(int count)
{
Console.WriteLine($"Hello {Name}!");
return new List<int>(new int[] { 1, 2, 3 })
}
}
}CSS
@font-face {
font-family: Chunkfive;
src: url('Chunkfive.otf');
}
body,
.usertext {
color: #f0f0f0;
background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
@media print {
a[href^='http']::after {
content: attr(href);
}
}JavaScript
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
export $initHighlight;PHP
require_once 'Zend/Uri/Http.php';
namespace Location\Web;
interface Factory
{
static function _factory();
}
abstract class URI extends BaseURI implements Factory
{
abstract function test();
public static $st1 = 1;
const ME = "Yo";
var $list = NULL;
private $var;
/**
* Returns a URI
*
* @return URI
*/
static public function _factory($stats = array(), $uri = 'http')
{
echo __METHOD__;
$uri = explode(':', $uri, 0b10);
$schemeSpecific = isset($uri[1]) ? $uri[1] : '';
$desc = 'Multi
line description';
// Security check
if (!ctype_alnum($scheme)) {
throw new Zend_Uri_Exception('Illegal scheme');
}
$this->var = 0 - self::$st;
$this->list = list(Array("1"=> 2, 2=>self::ME, 3 => \Location\Web\URI::class));
return [
'uri' => $uri,
'value' => null,
];
}
}
echo URI::ME . URI::$st1;
__halt_compiler () ; datahere
datahere
datahere */
datahereHTTP
// Basic authentication
GET http://example.com
Authorization: Basic username password
###
// Digest authentication
GET http://example.com
Authorization: Digest username password
// The request body is provided in place
POST https://example.com:8080/api/html/post HTTP/1.1
Content-Type: application/json
Cookie: key=first-value
{ "key" : "value", "list": [1, 2, 3] }
// From https://www.jetbrains.com/help/idea/exploring-http-syntax.html#use-multipart-form-dataShell
curl -I --http2 -s https://linuxize.com/ | grep HTTPShell Session
$ echo $EDITOR
vim
$ git checkout main
Switched to branch 'main'
Your branch is up-to-date with 'origin/main'.
$ git push
Everything up-to-date
$ echo 'All
> done!'
All
done!
# From https://github.com/highlightjs/highlight.js/blob/fcefad4a6bf99b88c54b2b724ca77466e94c374d/test/detect/shell/default.txt#L4
Shell Script
#!/bin/bash
# weather.sh
# Copyright 2018 computer-geek64. All rights reserved.
program=Weather
version=1.1
year=2018
developer=computer-geek64
case $1 in
-h | --help)
echo "$program $version"
echo "Copyright $year $developer. All rights reserved."
echo
echo "Usage: weather [options]"
echo "Option Long Option Description"
echo "-h --help Show the help screen"
echo "-l [location] --location [location] Specifies the location"
;;
-l | --location)
curl https://wttr.in/$2
;;
*)
curl https://wttr.in
;;
esac
# From https://github.com/ruanyf/simple-bash-scripts/blob/master/scripts/weather.shTables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- | :-----------: | ----: |
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
| Markdown | Less | Pretty |
| -------- | --------- | ---------- |
| _Still_ | `renders` | **nicely** |
| 1 | 2 | 3 |
| First Header | Second Header |
| ------------ | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
| ---------- | ---------------------------------------------- |
| git status | List all new or modified files |
| git diff | Show file differences that haven't been staged |
| Command | Description |
| ------------ | -------------------------------------------------- |
| `git status` | List all _new or modified_ files |
| `git diff` | Show file differences that **haven't been** staged |
| Left-aligned | Center-aligned | Right-aligned |
| :----------- | :------------: | ------------: |
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
| -------- | --------- |
| Backtick | ` |
| Pipe | \| |Colons can be used to align columns.
| Tables | Are | Cool |
|---|---|---|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.
| Markdown | Less | Pretty |
|---|---|---|
| Still | renders | nicely |
| 1 | 2 | 3 |
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
|---|---|
| git status | List all new or modified files |
| git diff | Show file differences that haven’t been staged |
| Command | Description |
|---|---|
git status | List all new or modified files |
git diff | Show file differences that haven’t been staged |
| Left-aligned | Center-aligned | Right-aligned |
|---|---|---|
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
|---|---|
| Backtick | ` |
| Pipe | | |
Blockquotes
> Blockquotes are very handy in email to emulate reply text.
> This line is part of the same quote.
Quote break.
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.
> Blockquotes can also be nested...
>
> > ...by using additional greater-than signs right next to each other...
> >
> > > ...or with spaces between arrows.Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.
Quote break.
This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.
Blockquotes can also be nested…
…by using additional greater-than signs right next to each other…
…or with spaces between arrows.
Inline HTML
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>- Definition list
- Is something people use sometimes.
- Markdown in HTML
- Does *not* work **very** well. Use HTML tags.
Horizontal Rules
Three or more...
---
Hyphens
***
Asterisks
___
UnderscoresYouTube Videos
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE" target="_blank">
<img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" />
</a>[](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)