跳到主要內容

發表文章

目前顯示的是 2月, 2017的文章

用 reveal.js 撰寫 slide 的紀錄

採用 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 內部,不要再修改原始程式碼