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…
What it does
In the maker’s words, at launch
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. In the live mode, you can store state that persists across updates, like "time" (very useful for iterating on animations). 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.
Does the same job
all alternatives →
- WMWrite.md – a shareable distraction-free Markdown editor2020 · writemd.xyz · ▲105
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 1d ago · opentrailpaper.com
Launched alongside, July 2024
the whole month →
- IC
Many years ago, I made VJ softwares (to mix live visuals in clubs) for unexpected platforms like the Game Boy Advance, the Playstation 2 and the Raspberry Pi. This year, I’m back with a new web-app: Pikimov. Inspired by Photopea (a free Photoshop clone), I created this web-based motion design & video editor as an alternative to After Effects, to fill empty void. It's free, without signup, without cloud uploads (your files stay on your machine), and your projects are not used for AI models training.
AI · 2024 · pikimov.com
