Markdown

edited May 2022 in General

If I do this right, all the Markdown in this post ought to show up in blue boxes.

I'll be clicking the "Preview" button to check before I actually post, but there's always a chance I'll miss something anyway....


Typing a word or string of words with Markdown on either side like _this_ or *even like this* will give you italics. (Make sure there's no space between the Markdown and the words.)


Typing **something like this** will get you bold text.


Putting > in front of a new paragraph will make that paragraph

a quote.

>> will give you

a double quote.

And so on.


Putting >! in front of a new paragraph makes that paragraph a spoiler.

You get nested spoilers by typing >!>! in front of your new paragraph.

I'd demonstrate that, but apparently a post full of backticks makes spoilers turn into boxes the same color as the text they hide instead of click-to-expand spoilers! I wasn't expecting that.

Nobody expects the Spanish—oh, never mind.


<font size="1">around words</font> will make them very small. Increase the number to increase the size!


<font style="color:red">around a word or sentence</font> will turn the words red. Change the color to, well, change the color.


<font size="5"><font style="color:blue">You can **combine** these, of course.</font></font>

You can combine these, of course.

> *<font style="color:purple">Any</font>* way _<font size="4">you</font>_ want.

Any way you want.


Found a picture online and want to share without saving it to your device? Copy the image's URL (a right click or long press will give you the option to open the image in its own tab: you can copy its URL from there), and put in it in Markdown like this:

![](https://www.dogalize.com/wp-content/uploads/2017/04/pallas-cat.jpg)

That will give you this:

To add an image description (for screen readers, or to show up if the image ever gets deleted), put the description between quotation marks after the link, like so:

![](https://www.dogalize.com/wp-content/uploads/2017/04/pallas-cat.jpg "A derp-faced Pallas's cat.")

Remember to put a space between the end of the link and the first quotation mark.


In-text links are done by putting the text you want to be clickable [inside brackets, and sticking the link itself in parentheses directly after](https://www.dogalize.com/wp-content/uploads/2017/04/pallas-cat.jpg).

Like this: inside brackets, and the link itself in parentheses directly after.


That's all I can think of at the moment. Please, feel free to add any tips and tricks you've discovered!

Comments

  • Well, will you look at that. The click-to-expand spoiler works just fine outside the preview! I'd edit, but given how many times I got an error page while working on this I'm kinda scared to.

    Oh, and a couple other things:

    Section separators are created by typing a string of underscores on a new line, like this:
    ___

    And you get blue boxes by putting one backtick on either side of the text you want boxed, which I can't figure out how to show because apparently you can't blue box backticks. Huh. Can I type at least one backtick to show what it looks like? Lessee....

    `

    Well, the preview shows it just fine! So I'm calling that a victory (and crossing my fingers just in case—let's see what happens when I post).

  • edited May 2022

    Excellent!

    Excellent Excellent Excellent. I have been hoping for this post since the day I joined, I just wasn't expecting it.

    The Preview function has numerous bugs. Lots of things don't work in Preview but do work fine in the actual post. This isn't a big deal because you have 24 hours to edit the post, and the Save button works just fine.

    There is a limit on the number of characters allowed in a post. You won't reach it in everyday posting.

    You can copy and paste in fancy emoticons from other applications. 🥸

    For YouTube videos you don't have to do anything, just copy and paste in the link.
    https://youtu.be/yKQ_sQKBASM

  • Dang, thank you for all your time and work on this!!

    ~ Sunset Snuggles

  • An older thread and comment that also include some Markdown tidbits...

    Fun with 'markdown' in messages...

    Type this ... To get that ... (some mid thread markdown fun)

    👩‍💻 Enjoy!!

  • @DaringSprinter 👏🏻👏🏻👏🏻

    I use markdown a lot at work. I wish our guidance looked like this!

  • edited May 2022

    THANK YOU!

  • edited May 2022

    @DaringSprinter posted: "In-text links are done by putting the text you want to be clickable inside brackets, and sticking the link itself in quotation marks directly after."
    You mean parentheses, right? I tried both quotation marks and parentheses in my profile, but it doesn't look like markdown works, in there, sadly. I recently added a handful of links to my profile and wish I could hide them in-text so it wasn't so bulky.

    ~ Sunset Snuggles

    P.S. Here is the link the site provides regarding available markdown options.

  • edited May 2022

    @SunsetSnuggles he means square brackets [ ]

    You can achieve the same effect by clicking on the Link icon above the text box in which you write your post. Just copy and paste in your link. Preview to observe the results, and edit the text.

  • @CuddleDuncan I mean where Sprinter said quotation marks, I believe it was meant to say parentheses. I just tested it in my edited post above, and it works with parentheses. But markdown doesn't appear to be supported in the profile About Me section.

    ~ Sunset Snuggles

  • @SunsetSnuggles ah right. And yes you're right, what can be done in profile is not the same as in the forum. From my experiments the forum allows more things.

  • I'll go ahead and plug a suggestion for markdown availability in profiles on the thread for improving the site. :3

    ~ Sunset Snuggles

  • edited May 2022

    @SunsetSnuggles: I did mean parentheses. Aargh! Well, I suppose there was bound to be something. At least the blue boxes have it right?


    Okay, I tried to edit. Upon clicking "Save" I got a very encouraging result—

    —but it seems to have worked.

  • This is ridiculously awesome. Thank you a hundred times for all the time and work you put into this.

    Not all heroes wear capes

Sign In or Register to comment.