Star

linkMiscellaneous Components

linkBig Text

The Big component allows you to write bigger texts than usual (that are not titles):

1link> :Big

2link>

3link> Hellow **World**!

Hellow World!


linkSmall Text

The Small component similarly allows you to write smaller pieces of text (for disclaimers perhaps):

1link> :Small

2link>

3link> Goodbye _Blue sky!_

Goodbye Blue sky!


linkCentering Content

You can center content (images or text) using Center component:

1link> :Center

2link>

3link> Hellow, this is now centered:

4link>

5link> ![some image](https://images.unsplash.com/photo-1460661419201-fd4cecdf8a8b?fit=crop&w=256&h=256&q=80)

6link> > :Small

7link> >

8link> > _Image by [RhondaK Native Florida Folk Artist](https://unsplash.com/@rhondak) from [Unsplash](https://unsplash.com)_

Hellow, this is now centered:

some image


linkQuotes

You can use the Quote component to quote from other people:

1link> :Quote from=Douglas Adams

2link>

3link> A common mistake that people make when trying to design something completely foolproof

4link> is to underestimate the inenuitiy of complete fools.

format_quote

A common mistake that people make when trying to design something completely foolproof is to underestimate the inenuitiy of complete fools.

format_quote
Douglas Adams

The from argument is optional and can be omitted.


linkSpace

The Space component allows for controllable empty space inside your content:

1linkSo some stuff

2link

3link> :Space

4link

5linkSome other stuff, spaced from those

So some stuff

Some other stuff, spaced from those

You can manage the height of the empty area using space attribute:

1linkSo some stuff

2link

3link> :Space space=32px

4link

5linkSome other stuff, spaced from those

6link

7link> :Space space=64px

8link

9linkAnd some other stuff still

So some stuff

Some other stuff, spaced from those

And some other stuff still

You can also provide responsive spacing using target attribute. It can assume desktop and mobile values, and would only appear on the target device defined:

1link> :Space space=24px, target=mobile <!--> This guy only appears on mobile -->

2link

3link> :Space space=48px, target=desktop <!--> This guy only appears on desktops -->


linkMoved Pages

It sometimes happen that you want to move pages to a different URL (for example there is a typo in their address). In such a case, maintain the old markdown file (with the same pathname), and add a Moved component to it, pointing to the new new URL:

/posts/old.md
1link

2link> :Moved to=/new

3link

You can see this in action on this link (which redirects back to this page):

Moved Sample

Hero image by Mikael Kristenton from Unsplash


Miscellaneous ComponentsBig TextSmall TextCentering ContentQuotesSpaceMoved Pages

Home Hero Images Titles Author Info Article Cards Tags RSS Miscellaneous Assets