Show HN: Mdxish – Write high-quality, interactive blog posts in Markdown, live

Hi HN!

I wanted an easier way to write technical interactive blog posts. So I built `mdxish`!

You can write in markdown, mixing classic markdown, html, and javascript together, and see the output html live as you author it.

Writing it in this way creates a really nice medium for the source (easy to read), which is just markdown mixed with code blocks. Also, many IDEs have support for syntax highlighting and intellisense / autocomplete features inside these code blocks.

And because `marked` (one of the only dependencies, but does near all of the heavy lifting) works client side, we can even render markdown directly to html on the client side.

For example, I created a gist of my falling sand blog post, rewritten in mdxish format: https://gist.github.com/jasonjmcghee/cba64163600fa90a3ea5d2e…

(also threw in the css it used as other files in that gist)

And now you or I or anyone can just replace “gist.github” with “mdxish”. https://mdxish.com/jasonjmcghee/cba64163600fa90a3ea5d2ea099f…

And after a slight delay, you get the full rendered post- and the author only needs to upload to gist.

`mdxish` itself can do this client approach, the live server, or just one-off mdxish flavored md to html.

Anyway, hope others find this interesting / useful. If you’d like to contribute, please let me know!

Try it out and tell me what you think.

I’ve created a repo for doing GitHub Actions, the idea being, you should be able to just create a repo of mdxish flavored markdown and it’ll take care of making it a full site for you. But not quite done with that yet!

Note: I also added a short video with a voice-over if you’d like to see it in action.

Comments URL: https://news.ycombinator.com/item?id=41014490

Points: 1

# Comments: 0


Posted

in

by

Tags:

Comments

Leave a Reply