polv's make-html

​x
 
---
title: Awesome title
date: Some date
image: https://placeimg.com/600/300/any
tag:
  - polv
  - demo
---
​
## Extended syntaxes
​
These are options of [Markdown-it](https://github.com/markdown-it/markdown-it), which I have enabled.
​
- [emoji](https://github.com/markdown-it/markdown-it-emoji)
​
:smile: :100:
​
- Table
​
| h1    |    h2   |      h3 |
|:------|:-------:|--------:|
| 100   | [a][1]  | ![b][2] |
| *foo* | **bar** | ~~baz~~ |
​
<!-- excerpt -->
​
## Custom syntaxes
​
These are supported, unlike <https://github.com/patarapolw/showdown-extra/tree/master/example.md> (Please view on GitHub to see differences.)
​
CSS is supported, but is scoped to prevent leakage.
​
```html
<style>
h2 {
  color: red;
}
</style>
```
​
<style>
h2 {
  color: red;
}
</style>
​
JavaScript is totally allowed, as well as HTML. (But, I purified it for the demo website.)
​
```html
<script>
alert('hello')
</script>
```

Extended syntaxes

These are options of Markdown-it, which I have enabled.

emoji

😄 💯

Table

h1	h2	h3
100	[a][1]	![b][2]
foo	bar	~~baz~~

Custom syntaxes

These are supported, unlike https://github.com/patarapolw/showdown-extra/tree/master/example.md (Please view on GitHub to see differences.)

CSS is supported, but is scoped to prevent leakage.

<style>
h2 {
  color: red;
}
</style>

JavaScript is totally allowed, as well as HTML. (But, I purified it for the demo website.)

<script>
alert('hello')
</script>

Spoiler

The question still remains, how do I add spoiler?

I prepared that in advance, with markdown-it-container, so that syntax highlighting still remains.

Spoiler

Something else

title: Awesome front matter
isCool: true
numbers:
  - a-list: 1

You can also do it the HTML way as well, but there won't be syntax highlighting.

Aforementioned matter

Something else

title: Awesome front matter
isCool: true
numbers:
  - a-list: 1

HyperPug / Pug.js

It is proved that HyperPug / Pug, being a indentation-based syntax, mixes well with Markdown.

Server-side enhancements

https://github.com/patarapolw/make-html upon pasting bare URL, will be converted to

https://github.com/patarapolw/make-html

and, will be converted, with server-side function, to

https://github.com/patarapolw/make-html