what can this blog do?

What's there in this post?

An h1 header #

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists
look like:

Note that --- not considering the asterisk --- the actual text
content starts at 4-columns in.

Block quotes are
written like so.

They can span multiple paragraphs,
if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all
in chapters 12--14"). Three dots ... will be converted to an ellipsis.
Unicode is supported. ☺

An h2 header #

Here's a numbered list:

  1. first item
  2. second item
  3. third item

Note again how the actual text starts at 4 columns in (4 characters
from the left side). Here's a code sample:

# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }

As you probably guessed, indented 4 spaces. By the way, instead of
indenting the block, you can use delimited blocks, if you like:

define foobar() {
    print "Welcome to flavor country!";


import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)

some more python highlighting

def somefunc(param1='', param2=0):
    r'''A docstring'''
    if param1 > param2: # interesting
        print 'Gre\'ater'
    return (param2 - param1 + 1 + 0b10l) or None

class SomeClass:

>>> message = '''interpreter
... prompt'''

Here is some text which is large

module.exports = {
  dest: 'docs',
  title: 'Hello VuePress World',
  description: 'VuePress install config',
  head: [
    ['link', { rel: 'icon', href: `/logo.png` }],
    ['link', { rel: 'manifest', href: '/manifest.json' }],
    ['meta', { name: 'theme-color', content: '#3eaf7c' }],
    ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
    ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
    ['link', { rel: 'apple-touch-icon', href: `/icons/apple-touch-icon-152x152.png` }],
    ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c' }],
    ['meta', { name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' }],
    ['meta', { name: 'msapplication-TileColor', content: '#000000' }]
  serviceWorker: true,
  ga: 'UA-109510157-1',

An h3 header #

Now a nested list:

  1. First, get these ingredients:

    • carrots
    • celery
    • lentils
  2. Boil some water.

  3. Dump everything in the pot and follow
    this algorithm:

    find wooden spoon
    uncover pot
    cover pot
    balance wooden spoon precariously on pot handle
    wait 10 minutes
    goto first step (or shut off burner when done)

    Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including
that last line which continues item 3 above).

Here's a link to a website, to a local
, and to a section heading in the current

What about footnotes?[1]

Tables can look like this:

All Business9leatherbrown
Roundabout10hemp canvasnatural

Table: Shoes sizes, materials, and colors.

A horizontal rule follows.

And images can be specified like so:

example image "this is nice"

Inline math equation: ω=dϕ/dt\omega = d\phi / dt. Display
math should get its own line like so:

I=ρR2dVI = \int \rho R^{2} dV

And note that you can backslash-escape any punctuation characters
which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

This is nice!
what about custom slots?

don't do this!

don't do this!

don't do this!

What if I want to embed a video?

Nice, isn't it?

Here's to some good writing! 🍾 I'll see y'all around.


  1. footnotes are fun! ↩︎

👋 Hi! Since you've made it this far, sharing this article on your favorite social network would be highly appreciated! For feedback, write me an email or leave a comment. Alternatively, check out my github !