I needed to get some Markdown into inline-styled HTML for my work's blog today, was surprised I couldn't find any straightforward guides. Well folks, here we are:
- generate your CSS with Pygmentize
- pandoc your markdown with that css
- use premailer or something to inline css styles
- remove class attributes if your CMS removes all attributes when there are
- put it in your pasteboard
pygmentize -S default -f html > default.css pandoc input.md > intermediate.html -c default.css python -m premailer -f intermediate.html -o output.html sed -i -E 's/class="[^"]*"//g' output.html cat output.html | pbcopy
…and that’s how you get from normal Markdown to inlined-styled HTML for your CMS or whatever the hell.
Thanks to my coworker and @rightfold for the tip.
As a bash script gist here:
#!/bin/bash if [ "$#" -ne 1 ] then echo "Supply an input markdown file for this script to work." exit 1 fi input="$1" output="$1-output.html" rm $output* pygmentize -S default -f html > default.css pandoc $1 > intermediate.html -c default.css python -m premailer -f intermediate.html -o $output sed -i -E 's/class="[^"]*" //g' $output rm intermediate.html cat $output | pbcopy
- Using RxJS for data flow instead of Flux with React
- Some reasons why you should/shouldn't consider using facebook's immutable-js with React (with Highcharts usage examples)
- Making your own Flux application: The King of Boilerplate
- How to make a Cycle.js + Elm hybrid Etch-a-Sketch app
- The difference between Redux and Rx: three letters and everything