MAC下利用pandoc+markdown来写slide

(转)https://www.jianshu.com/p/69b536f5c11f

% MAC下利用pandoc+markdown来写slide
pandoc是一款开源转换工具，能够实现常见的格式转换。支持全平台操做，以命令行的方式进行转换。

Mac下用markdown+markdown写slide

WHY

写一份markdown文件， 根据须要能够生成:

• slide pdf
• document pdf
• slide html

安装

brew install pandoc
brew tap phinze/cask
brew install brew-cask
brew cask install mactex

源码

# today ## morning - I want to have breakfast ## afternoon - I want to have lunch 

PDF

pandoc -D latex > mytemplate.tex

pandoc test.md -o test.pdf -t beamer 
--latex-engine=xelatex 
--template=mytemplate.tex

直接执行是不成功的。

增长中文字体配置

修改mytemplate.tex

\ifxetex \usepackage{hyperref} \usepackage{fontspec,xltxtra,xunicode} \defaultfontfeatures{Mapping=tex-text} \usepackage{xeCJK} \setCJKmainfont[BoldFont = Hiragino Sans GB W6]{Hiragino Sans GB W3} \setCJKsansfont[BoldFont=SimHei]{SimHei} \setCJKmonofont{SimHei} \else \usepackage[unicode=true]{hyperref} \fi 

html5

• DZSlides
• Slidy
• S5
• Slideous
• reveal.js

reveal.js

git clone https://github.com/hakimel/reveal.js

pandoc slides.md -o slides.html -t revealjs 
-s -V theme=beige

这样是执行不成功的

fix

不要用reveal 3.0， 用reveal.js 2.6

reveal.js背景

• default：（默认）深灰色背景，白色文字
• beige：米色背景，深色文字
• sky：天蓝色背景，白色细文字
• night：黑色背景，白色粗文字
• serif：浅色背景，灰色衬线文字
• simple：白色背景，黑色文字
• solarized：奶油色背景，深青色文字

Makefile

利用makefile来自动化构建

slide:${f}
    pandoc ${f} -o pdf_slide/${f}.pdf -t beamer --latex-engine=xelatex --template=./mytemplate.tex

pdf:${f}
    pandoc ${f} -o pdf_doc/${f}.pdf  --latex-engine=xelatex --template=./mytemplate.tex

reveal:${f}
    pandoc ${f} -o html_slide/${f}.html -t revealjs -s -V theme=beige

all:${f} slide pdf reveal
    echo "ok"

print:${f}
    echo ${f}

make usage

make slide f=pandoc_setup.md 
make pdf f=pandoc_setup.md 
make reveal f=pandoc_setup.md

文件结构

.
├── Makefile
├── html_slide
│   ├── pandoc_setup.md.html
│   └── reveal.js
├── mytemplate.tex
├── pandoc_setup.md
├── pdf_doc
│   └── pandoc_setup.md.pdf
└── pdf_slide
    └── pandoc_setup.md.pdf

20161027

• 新版的mac， tex的路径有所变化：/Library/TeX/texbin/，这个须要加入path

20161103

• 生成的图片大小过大， 查询pandoc预发文档， 利用示例的{width=200px}语法并不生效
• 经过修改css文件内对应theme beige的img属性， 从95%调整为60%解决。

github地址

做者：胡大善人
连接：https://www.jianshu.com/p/69b536f5c11f
來源：简书