April 28, 2017

Examples of Markdown

This posts tests the Markdown plug-in and helps me understand its use. The front page styling dictates that it would be wise to have at least 40 words of intro before including any heading or other formatted items. The reason being the first 40 words are used as the excerpt in the magazine style blocks that list articles. Or you could always hand-write an excerpt instead of using the automatic first-45-word extract.

##New Tests

This should jump direct to [footnotes](#footnotes).

And this to the [Related Articles](#related).

**IMPORTANT:** When markdown is turned on, WordPress doesn’t automatically embed YouTube videos and such like. But if you wrap the video url in \ tags, it all works again.</p> <p>Country | Placing | Goals<br /> —-|:——–:|-:<br /> Spain | Winners| 10<br /> Holland | Finalists | 8<br /> Germany | 3rd | 14<br /> Uruguay | 4th | 9</p> <p><br /> <br /> The competition took place somewhere in here…</p> <p>![Africa from space](http://elucidity.com/wp-content/uploads/2010/07/Africa-Full-200x200px.jpg)</p> <p>##Video: How to Use Markdown in WordPress</p> <p style="text-align: center;">http://www.youtube.com/watch?v=wAJ1Gz1EQn8

See.[^see]

[^see]: If not, problems!

This [link should jump to a lower heading](#myh3).[^myh3]

[^myh3]: The heading has an id of myh3.

##This should turn into an h2

**Note to self:** Make the h2’s smaller in the entry class.

> After changes upon changes, we are more or less the same.[^ps]

[^ps]: Paul Simon, The Boxer?

But with more sensible sized heading perhaps.

#This is an entry h1

##This is an entry h2

###This is an entry h3

####This is an entry h4

Hello world!

Shortcodes have nothing to do with Markdown. But it’s important to make sure the two can live together as they use some of the same syntax.

This should be a link to [the Markdown guide](http://daringfireball.net/projects/markdown/syntax “markdown syntax guide”). That article is good to read if you want to use Markdown!

This should take you to the current site’s [About](/about) page.

Now for a reference style link. Consider [Wikipedia] [1], it also has an article on Markdown that may prove useful. These are not citation style references it seems. Just a way of being able to collect all the ref urls together someplace else than the text.

[banner480]

In fact the plug-in we’re using supports “Markdown Extra” which does a few convenient things that were not included by John Gruber, the original designer of Markdown.[^1][^2]

An example being the use of headings with ids which we saw earliers, and the footnote that is just above.[^5]

[^5]: What if I write the footnote right here? It worked fine, collecting all the footnotes at the end as it should.

It even numbered the footnote as 3, though I tagged it 5.

###This is an h3 {#myh3}

This should be a new para.[^who]

[^who]: I tagged this footnote with *who*. You don’t have to use numbers, and you don’t have to remember where you are up to in numbering. Nice.

1. This is a numbered list.
1. It has three items in it.
1. Randomly numbered, as Markdown doesn’t care.

This line simply exists to break up this list from the next one.

1. This is another numbered list. But this time each list item will contain more than one para.

See what I mean?

1. This should be list item number two.

This is another para in list item number two.

And yet another one.

1. Finally we come to the third and last para. Thank goodness that is over.

But how can it tell the list is now done and we are back normal paras? It turns out you have to start the para with four spaces. In theory it could be a tab, but [Wordpress][2] doesn’t like that.

Frankly, a good reason not to do that too often!

This is a not an interesting line.[^not]

[^not]: It only helps to break the lists into two separate lists, instead of one big one.

+ This is a bulleted list.
+ It has three items in it.
+ Don’t they all.

> This is a blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

> Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper.

**Note to self:** Gotta do something about the styling of the blockquote. The font size is way too big. Also, this para is an *excuse* to make some things **bold** and *italic*.

**Done!**

Now we come to another section.[^another]

[^another]: Trying to get enough footnotes to find out how the internal linking on the page works.

[banner480]

##Another section

Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

[1]: http://en.wikipedia.org/wiki/Markdown “Wikipedia article on Markdown”
[2]: http://mahalo.com/wordpress “Mahalo article on WordPress”

The following list was made manually by editing the refs list. Markdown does not show the refs, it just uses them to tell it what text goes with what link.

1. “Wikipedia article on Markdown”
2. “Mahalo article on WordPress”

The markdown plug-in will automatically put in an hr above the footnotes. Annoying as the hr will always divide any heading you would want to give them.

[^1]: You can find the Markdown Extra documentation [here](http://michelf.com/projects/php-markdown/extra/ “doc site”).

The squiggly thing at the end of this line takes you back up to the text where the footnote was.

[^2]: This is a pointless footnote. Well, the only point was to see what it looks like when you have two footnotes right next to each other.

[relatedarticles]

Copyright©2010 KABPhilipy

Copyright © 2017 · TOS · Privacy Policy · Contact Us · FAQ · Log in

Site Design by Blue Newt Design
Share
ShareSidebar