I wanted something visual to help me know what formatting is possible in a forum post, so I’m making this and sharing.
- How to use
- When you want inspiration, just scroll down and see if any formatting sparks joy.
- To reproduce that formatting, I tried to hint how to do that.
- You can explore more on your own by looking into Discourse, the forum platform used.
- In forum posts, you can mix and match Markdown, BBCode, and HTML.
- And emoji, of course
, plus some other tricks in the formatting menu.
- I’ll make separate posts/replies for that stuff.
- For listings/profiles/reviews/feedback, it’s a totally different system. Long story short—there seem very few formatting options.
basic syntax
-
Heading 1 (there are six levels/sizes)
-
# Heading 1
-
-
Heading 2
-
Heading 3
-
Heading 4
-
Heading 5
-
Heading 6
-
###### Heading 6
-
-
bold
-
**bold**
-
-
italic
-
*italic* or _italic_
-
-
blockquote
blockquote, line 2blockquote, line 4
-
> blockquote
> blockquote, line 2
>
> blockquote, line 4
-
-
(ordered list)
- item 1
- nested item 1
- nested item 2
- item 2
- nested item 1 (unordered)
- nested item 2 (unordered)
- item 3
-
1. item 1
1. nested item 1 (it's not showing up, but indent 3+ spaces)
1. nested item 2 (align with above line)
1. item 2
* nested item 1 (unordered) (indent 3+ spaces)
* nested item 2 (unordered)
1. item 3
- item 1
-
(unordered list)
-
item 1
- nested item 1
- nested item 2
-
item 2
-
* item 1
* nested item 1 (it's not showing up, but indent 2+ spaces)
* nested item 2 (align with above)
* item 2
-
-
code (aka preformatted text, monospace text)
-
`code (aka preformatted text, monospace text)` (those are backticks, under the ~ key)
-
-
(horizontal rule/line)
-
-
---
-
-
a link with custom title (this is TH.com)
-
[a link with custom title (this is TH.com)](https://www.trustedhousesitters.com)
- vs the link’s official title
- or the URL: https://www.trustedhousesitters.com
-
-
(images)
- (can use the Upload button in the toolbar)
- (can scale to any %, not just 100/75/50%)
- (12%, 24%, 48%)
-
   (12%, 24%, 48%)
extended syntax
-
(table)
header 1 header 2 row 1 column 2 row 2 row 2, col 2 -
The easiest way to make a table is to use Excel or Google sheets, then copy-paste the table. Try it!
-
| header 1 | header 2 |
| - | - |
| row 1 | column 2 |
| row 2 | row 2, col 2 |
-
-
(fenced code block)
-
"lastName": "Smith" "age": 25
-
``` text
“lastName”: “Smith”
“age”: 25
```
-
-
strikethrough-
~~strikethrough~~
-
-
(checkboxes)
- (post Markdown cheat sheet to TH forums)
- nap
- write BBCode cheat sheet
-
* [] [x] (post Markdown cheat sheet to TH forums)
* nap
* [] write BBCode cheat sheet
-
(emoji)
- That is so funny!
-
That is so funny! :joy:
- That is so funny!
-
(footnote)
- To see footnote, click it, or may need to scroll to very end. [1]
-
To see footnote, or may need to scroll to very end. [^1]
[^1]: footnote 1.
-
(the below don’t work)
- (highlight) (highlight these ==very important words==)
- (subscript) (H~2~O)
- (superscript) (X^2^)
footnote 1. ↩︎