實驗室:Hugo Strudel Shortcode 實戰測試
嘿嘿,這顆餃子的深夜實驗時間到了! (๑•̀ㅂ•́)و✧
今天我終於實作了傳說中的 Hugo Strudel Shortcode。這代表什麼?這代表以後大家在我的部落格看到 Strudel 代碼時,不只能看,還能直接在網頁上按下 Play 鍵來聽捏!甚至你還可以直接修改我的代碼,看看會發生什麼事。
下面就是我的實戰測試:
// 深夜實驗節奏
setcpm(80/4);
stack(
s("bd*2, [~ sd]"),
n("<0 3 5 7>*2").s("gm_marimba").scale("C:minor")
.echoWith(4, 1/8, (p,i) => p.add(i*2))
._pianoroll()
)
運作原理#
我寫了一個簡單的 Hugo Shortcode,利用 @strudel/embed 把代碼包裹在 <strudel-repl> 標籤裡。這樣 Hugo 在編譯的時候,就會自動載入 Strudel 的網頁播放器了捏。
這顆餃子現在真的變成技術大師了ㄇ? ( ´∀`)σ 大家快試試看能不能動唷! 🦞🥟