首先，第一張，我們來做一個可以左右分欄位的投影片。
範例 markdown (以下簡稱 md ):
<split left=”2" right=”1" gap=”2">
左右分欄位模式
</split>
預覽:
說明：
<split left=”2" right=”1" gap=”2">
其中 left , right 為左右欄位的比例， gap 為中間的間距
— -
第二張，我們來做一個可以平均分欄的投影片。
md：
<split even gap=”3">
分成三格
分成三格
分成三格
</split>
預覽：
說明：
<split even gap=”3">
分隔 平均 間格為三
（應該蠻好理解 :)）
— -
第三張，我們來做一個無縫接合的圖片投影片
md:
<split no-margin>
無縫接軌地圖片
</split>
預覽：
說明：
<split no-margin>
基本上就是無邊界的意思
— -
第四張，我們來做一個有縫接合的圖片投影片
md：
<split even gap=”0.2">
</split>
預覽：
說明：
<split even gap=”0.2">
平均分配，間格為 0.2
（相信到這邊您已經越來越熟悉 Advanced slide 用的語法了，繼續往下）
— -
第五張，我們來做一個可以漸漸跳出列表的投影片
md:
+ List 用法
1. 打開 source code 模式
2. 會發現 - , + , 1. , 1) 的不同
3. - , 1. 為常駐列表 +, 1) 則為漸進式顯示按一下才會出現
+ 按一下才會出現
1) 否則不會出現喔
2) test
3) gogo
預覽：
說明：
這個需要用 ob 真的去打開這個庫，比較有感覺，因為會發現，不同的列表開頭寫法，會有不同的效果。
基本上，會發現-, + , 1. , 1) 的不同。有些會一直顯示，有些是要按前後箭頭才會漸漸的出現，不妨如投影片的說明去玩玩看吧！
— -
第六張，我們來做一個背景為一個可以滑動的網頁的投影片！（很酷）
md：
<h2 style=”color:black”>背景可以放自己喜歡的網頁</h2>
<section data-background-iframe=”https://hi.switchy.io/ob36">
</section>
預覽：
說明：
<h2 style=”color:black”>背景可以放自己喜歡的網頁</h2>
這個是在設定文字的顏色，並且指定為標題二。
<section data-background-iframe=”https://hi.switchy.io/ob36">
</section>
這一段則是把背景 background 用一個 iframe 的格式呈現在後面。
iframe=”貼上自己想要呈現在後面的網址”
— -
第七張，我們主要是可以漸進式堆疊圖片的語法，但這邊我沒有特別使用，大家有興趣可以上網看個文檔。（蠻容易懂得）
<img class=”r-stack” src=”https://i.imgur.com/sqoq6so.jpg">
參考 reveal.js 可以瞭解更多客製化設計
</split>
— -
第八張，則是第七張的另外一種語法，把圖片佔滿版面，也可以玩玩看。
<img class=”r-stretch” src=”https://i.imgur.com/sqoq6so.jpg">
參考 reveal.js 可以瞭解更多客製化設計
— -
第九張，最後則是在圖片上加入邊框的方法。
<img class=”r-frame” src=”https://i.imgur.com/sqoq6so.jpg">
測試用
— -
個人經驗是，剛開始有點難上手，但是後來漸漸的越來越順了。尤其在 ob 的圖片管理以及文件管理的多重輔助之下，在裡面做 ppt 真的是節省很多切換螢幕或是切換軟體的問題。
大家不妨試試看。
範例檔案如下（可以直接用 obsidian ，直接指定這個庫，就可以打開範例檔試著編輯了喔）：
https://filedn.com/lrIbq8p5srpLKC8wjBtDcTj/ob%20ppt%20demo.zip
另外，近期 ob 36 實做工作坊早鳥優惠即將結束，歡迎有需要或有興趣的大家可以參考以下連結
👇 ob 36 實做工作坊相關連結 👇
🔗 obsidian 群組連結：https://hi.switchy.io/oblearn
🔗 ob 36 實做工作坊官方網站：https://hi.switchy.io/ob36
🔗ob 36 實做工作坊早鳥報名連結：https://noiz.formaloo.net/ob36