採用 HTML Slide 已經多年,對於 reveal.js 這個 Framework 來撰寫 slide 已經很容易上手,最近某一門課程需要使用 Math 的公式,想使用 LaTeX 語法,原本想使用 slidify 這個整體性的開發環境來處理,不過, slidify 內部的 reveal.js framework 所產出的 slide 樣式卻跑得很離譜,沒有時間,只好再回到從 reveal.js github 網站所下載的原始程式碼來製作上課的 slides,這段期間, reveal.js 的套件也更新的版本,隨著版本的更新,這次也同時更新新的原始程式碼,另外,也對於以前想要調整的部分及其他的設定做了一些修改,修改的紀錄如下:
- 原始程式碼不再做內部的修改,直接下載 reveal.js 原始ˇ程式碼,修改成 reveal.js.tw 目錄,然後存到 slides 的目錄中
- 在 css 目錄中新增 style.css 來修正字型及英文字的效果,例如 font-variant:small-caps;
- 採用 markdown language 來撰寫 slide
- image 使用 <img> 來處理,並且在個別的 img 標籤內設定 margin-left: 20px 來處理沒有邊界的問題
- 以後其他的設定,全部都設定在 style.css 內部,不要再修改原始程式碼
留言
張貼留言