A way to separate code block and text block

It's pretty messy right now the way the template parses the files list
and evaluate the blog content using the parsed files' code wrapped
in a `pre` tag. Then the JS parses for that `pre` block and decides
the block type.

Need to refactor for DRY later on.