Some discoveries on how GitHub displays certain markdown syntaxes
- Diff
- Figma icon + text
- KBD
- Use different images for different themes
- Progressive Disclosure
- Warning/Note Codeblocks
- Footnote
Add diff
after the first triple backticks ```
- "/ui-patterns/progressive-disclosure"
+ "/design/ui-patterns/progressive-disclosure"
Personal workflow. This is what I use whe sharing Figma links on GitHub Issues/Discussions
figma-github-raycast-snippet.MP4
Snippet
<span><a href=""><img src="https://user-images.githubusercontent.com/8143661/212871854-1ad48969-c512-4506-b18b-cb12a4349a1f.svg" alt="Figma logo">Link name</a></span>
Make a text appear like a button
Create gist
Add #gh-dark-mode-only
or #gh-light-mode-only
at the end of the image URL
Try switching your theme preferences
How to install GitHub's CLI
brew install gh
> [!NOTE]
> New
> [!WARNING]
> Add description on this warning
> [!IMPORTANT]
> Add description on this important note
ℹ️ Old syntax was deprecated
Here is a simple footnote1. With some additional text after it. Check this 2