在mac os x下面安装pandoc:brew install pandoc

  1. 直接将md文件转化成html文件,没有css样式:

    pandoc test.md -o test.html
    
  2. 使用指定的css文件样式,可以生成github模板的网页

    pandoc -c github.css test.md -o test.html
    
  3. 生成独立的html,即将css样式包含到html中

    • 方法一:在github.css样式文件的头部和尾部加上,参考文献[1]

      <style type="text/css">
      github.css中的原内容
      </style>
      
      pandoc -s -H github.css test.md -o test.html
      
    • 方法二:–self-contained会把css,图片,视频等都包含到html中,将其编码为base64,用data://协议读取。

      pandoc --self-contained -c github.css test.md -o test.html
      

参考

  1. Tip: using Pandoc to create truly standalone HTML files
  2. pandoc demos
  3. Pandoc User’s Guide