How Much Markdown Do You Know?

This is going to be unusual from someone's main posting account. A bunch of tests. But I thought the results of these tests will be interesting for more than myself, so I won't use my test account for that.

First of all, a little context... I looked around the Publish page of Leofinance - since I use it daily - to see if there's something to improve on it. There is a competition started by the Leofinance team regarding the rebuilding of Leofinance if you don't know.

To be honest, after looking at the Publish page, I kind of like it the way it is. I wouldn't mind if it will be redesigned, but I'd appreciate if it remains clean and as light as possible.

To contradict myself on the lightness part, I would appreciate the integration of Leoglossary (and Splinterglossary implicitly) into the interface, to be able to suggest terms to link. That should be an option that could be turned off, either temporarily from the Publish page and/or as a switch in the Leofinance settings, in case people would like it off.

Now, regarding the tests. While poking around on the interface, I discovered the Markdown Guide, which I haven't seen before on the Leofinance interface, although it's probably there forever.

And I'd like to try some of the options there, to see if they are supported on Hive/all interfaces. You should try the rest yourselves if you don't know them. 😉

Let's go!

EDIT: Looks like many tests worked in the preview but not once the post was published.

Super- and subscripts

I already used that, but using HTML. Note to self: looks like the abbreviations defined at the end work for the entire page.

Something like this:

Super<sup>script</sup>

But the same result can be achieved by writing less in Markdown:

Super^script^

Super^script^ Markdown FAILS, HTML works!

And for subscripts:

In HTML:

Sub<sub>script</sub>

In Markdown:

Sub~script~

Sub~script~ Markdown FAILS, HTML works!

Underline and Strikethrough

I know underline didn't work with the HTML version on some interfaces, but strikethrough works with <del>

But the Markdown counterparts are:

++underline++

++underline++ Markdown FAILS, HTML FAILS on most interfaces!

~~strikethrough~~

strikethrough Markdown works, HTML works!

Marking Text

This is the first time I try this on Hive:

==marked text==

==marked text== Markdown FAILS!

To-do List

Another option I didn't know existed in Markdown. Let's try it.

- [x] task 1
- [ ] task 2

• [x] task 1
• [ ] task 2

Markdown FAILS!

Footnotes

This is going to be VERY interesting if it works as I expect it would.

The guide doesn't help a lot, but I found out how to include them from elsewhere. Let's see if it works.

This is an example of how to create a footnote[^1] in Markdown.
[^1]: First Footnote

Let's 'run' it.

This is an example of how to create a footnote^[1] in Markdown.

Markdown WORKS!

Looks like it works, at least in the preview. Look at the bottom of the page for the footnote.

$\KaTeX$ Mathematics

This is really powerful. I took a semester of LaTeX in my first year at the university. I assume $\KaTeX$ is a cousin of LaTeX. Anyway, if you want to write complicated mathematical formulae in Markdown, this seems to be the way. You won't have to attach images of formulae if this works, it's just text stored on the blockchain.

Just look at this for something really simple:

$\sum_{i=1}^n a_i=0$

$\sum_{i=1}^n a_i=0$ Markdown FAILS!

EDIT: Too bad you couldn't see this and most of the tests because they don't work on Hive. But I've made a screenshot from the preview for this one:

Without checking the in-depth details, this should be capable of rendering very complex formulae.

Layout

When I had inclinations to control my layout, I used divs. Looks like there is a Markdown way to do it:

::: hljs-left
left text
:::

::: hljs-center
center text
:::

::: hljs-right
right text
:::

::: hljs-left
left text
:::

::: hljs-center
center text
:::

::: hljs-right
right text
:::

Interesting. This doesn't seem to work, at least not in the preview. Then, back to <div class='pull-left'> and <div class='pull-right'>. I hope I remembered the class names right... I haven't used them in a long time.

Markdown FAILS, HTML works!

Definition List

This may prove to be useful in certain contexts. Let's see how it works:

Term 1

:   Definition 1

Term 2 with *inline markup*

:   Definition 2

        { some code, part of Definition 2 }

    Third paragraph of definition 2.

And the result: Markdown FAILS!

Term 1

: Definition 1

Term 2 with inline markup

: Definition 2

    { some code, part of Definition 2 }

Third paragraph of definition 2.

---

The result is not exactly as the one described in the guide, at least in the preview, but it's close enough.

Abbreviations

This can be useful for the fluency of the text.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium
The HTML specification is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium
The HTML specification is maintained by the W3C.

Markdown FAILS!

If you hover over the abbreviations, you'll see the long names.

It can be used for short explanations similar to tooltips too if it works.

Now the true test. About to click Publish. Will anything break? Will the text be readable? Do these Markdown options work? On all interfaces?

Please share your feedback.

Posted Using LeoFinance ^Beta

---

1. First Footnote ↩