Showcase syntax

Published on Β· Edit on Github Β· llms.txt

#markdown

πŸ§ͺ Markdown Syntax Showcase

This post demonstrates all supported features of the markdown interpreter.


πŸ’¬ Basics

Emoji: πŸ€— 🧠 Inline code: npm run dev Math block:

Inline math:

Abbreviation: HTML

HyperText Markup Language

πŸ“¦ Code Blocks

With title, caption, and line numbers

			functioncalc(){ consta=1; constb=2; returna+b; }
		
Simple calculation

With highlight, inserted, and deleted lines

highlighted.js

			functiongreet(){ console.log('Hello'); } console.log('Newfeature');//inserted console.log('Oldcode');//deleted
		

With regex and label highlights

			constmsg='helloworld'; console.log(msg);
		

			constmessage='HelloWorld'; console.log(message);//printsHelloWorld
		

			constmsg='HelloWorld'; console.log(msg); console.log(msg);//printsHelloWorld
		

			console.log('hewwo'); console.log('hello'); console.log('goodbye');
		

			console.log('Notfocused'); console.log('Focused'); console.log('Notfocused');
		

			console.log('Nothighlighted'); console.log('Highlighted'); console.log('Nothighlighted');
		

			constx=0;  constx=0; constx=0;
		

			>pwd  /usr/home/boba-tan/programming
		

			const[age,setAge]=useState(50); const[name,setName]=useState('Taylor');
		

			//Allthisboilerplatesetupcodewillbecollapsed import{someBoilerplateEngine}from'@example/some-boilerplate'; import{evenMoreBoilerplate}from'@example/even-more-boilerplate';  constengine=someBoilerplateEngine(evenMoreBoilerplate());  //Thispartofthecodewillbevisiblebydefault engine.doSomething(1,2,3,calcFn);  functioncalcFn(){ //Youcanhavemultiplecollapsedsections consta=1; constb=2; constc=a+b;  //Thiswillremainvisible console.log(`Calculationresult:${a}+${b}=${c}`); returnc; }  //Allthiscodeuntiltheendoftheblockwillbecollapsedagain engine.closeConnection(); engine.freeMemory(); engine.shutdown({reason:'Endofexampleboilerplatecode'});
		

			//ExamplewithhangingIndent=2andpreserveIndent=false functiongetLongString(){ return'Thisisaverylongstringthatwillmostprobablynotfitintotheavailablespaceunlessthecontainerisextremelywide'; } functionheavilyIndentedCode(){ return'Eventhoughthislonglinestartswithalotofindentation,itswrappedpartswillonlybeindentedby2columnsduetothecombinationofhangingIndent=2andpreserveIndent=false'; }
		

			functionthisIsJavaScript(){ //ThisentireblockgetshighlightedasJavaScript, //andwecanstilladddiffmarkerstoit! -console.log('Oldcodetoberemoved') +console.log('Newandshinycode!') }
		
Note

Useful information that users should know, even when skimming content.

Tip

Helpful advice for doing things better or more easily.

Important

Key information users need to know to achieve their goal.

Warning

Urgent info that needs immediate user attention to avoid problems.

Caution

Advises about risks or negative outcomes of certain actions.

With diff

			+addedline -removedline unchangedline
		

With frame and wrapping options

			echo"Noframehere"
		

			functionlongLine(){ return'Thisisalongstringthatshouldwrapwithpreservedindentation.'; }
		

πŸ“‘ Callouts and Blockquotes

This is a simple blockquote. Check the microtask queue.

Note

This is a note.

Collapsible warning

Be cautious with async side effects!


πŸ“ Details and Containers

Click to expand This is hidden content revealed on click.

βœ… Task List

  • Emoji support
  • Code titles + captions
  • Math (inline + block)
  • Regex & diff highlighting
  • Callouts + collapsible sections
  • Containers
  • <abbr>, <details>, and <video>

🧠 Ultimate Markdown Feature Showcase

1. Headings

H1

H2

H3

H4

H5
H6

2. Text Formatting

Bold
Italic
Bold Italic
Strikethrough
Underline ( HTML)

β€œMarkdown is for everyone.” β€” Someone Smart


3. Lists

Unordered

  • Item A
    • Subitem A.1
      • Subitem A.1.a

Ordered

  1. Step One
  2. Step Two
    1. Substep
    2. Substep

Task List

  • Write Markdown
  • Test in GitHub
  • Profit πŸ’°

Inline
Reference


5. Code

Inline

Use printf() in C.

Block

			functiongreet(name){ console.log(`Hello,${name}!`); }
		

Code with Title (non-standard)

example.py

			defhello(): print("HelloWorld")
		

6. Tables

Feature Supported Notes
Headings βœ… All levels
Tables βœ… Pipe syntax
Task Lists βœ… GitHub / Markdown-it
Footnotes βœ… With proper extensions

7. Blockquotes and Callouts

Note

This is a note.

Warning

This is a warning.


8. Footnotes

Markdown supports footnotes1.


9. Math (KaTeX or MathJax)

Inline:
Block:


10. Emoji and Abbreviations

I ❀️ Markdown.
πŸš€ ✨ πŸŽ‰

Abbr: The HTML standard uses HTML.


11. HTML Support

Click to expand

This is hidden content!


12. Escaping Characters

Use * to escape formatting.

*This will not be italic*


13. Collapsible Sections (GitHub only)

Details

Hidden content with Markdown inside!


Footnotes

  1. Here’s the footnote content. β†©οΈŽ

Comments

Socials

Links

Miscellaneous

  1. [1] All opinions are my own, except those generated by large language models.
  2. [2] Fonts: ...
Guybrush.ink
Made with β™₯ in Paris, London & Toulouse build: main