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
來源：簡書