## <font color="#FFD700"><i class="fa fa-trophy" aria-hidden="true"></i></font> ### 2022 iThome鐵人賽 ### 小題大作的 30 個 HackMD技巧 <font color="#FFD700">#28</font> # HackMD # 客製佈景主題 ---- ## HackMD 可插入 CSS 樣式 ### `<style></style>` ---- ## HackMD 可內嵌筆記 ### `{%hackmd noteid %}` ### CSS 模板可以到處嵌入了 ---- ## 在哪裡找布景主題? - https://hackmd.io/@themes - [官方說明](https://hackmd.io/c/tutorials-tw/https%3A%2F%2Fhackmd.io%2F%40docs%2Fhow-to-embed-note-2) ---- ## 整理主題介紹與範例 ---- ### [Dark 佈景主題](https://hackmd.io/@themes/dark-theme-preview) `{%hackmd BJrTq20hE %}` `{%hackmd hackmd-dark-theme %}`  ---- ### [Notion 佈景主題](https://hackmd.io/@themes/demo-notion) `{%hackmd @themes/notion %}`  ---- ### [OrangeHeart 佈景主題](https://hackmd.io/@themes/demo-orangeheart) `{%hackmd @themes/orangeheart %}`  ---- ### [Dracula 佈景主題](https://hackmd.io/@themes/demo-dracula) `{%hackmd @themes/dracula %}`  ---- ### [Conversational 對話式佈景主題](https://hackmd.io/@yukai/conversational-theme-demo) ##### `{%hackmd @yukai/conversational-theme %}`  ----  ---- ### [Medium 佈景主題](https://hackmd.io/@wiimax/rJUC9QJ7j) `{% hackmd @yukai/medium-theme %}`  ---- ### [中文直書的主題](https://hackmd.io/@wiimax/BJd7a7kmi) `{%hackmd SkPurArK4 %}` - 直書主題僅供「預覽模式」，不能編輯+預覽  ---- ### - 網友分享 [毛毛的前端筆記](https://hackmd.io/@JohnsonMao/Front-end): - [theme-Wood-Fired 原始碼](https://hackmd.io/EyHCJVyqSiWm6v9GjqDOZA?both) - [theme-Night-Sidebar 原始碼](https://hackmd.io/dxywSXJPTUKkdVq4tJdIaQ?both) ---- <h2 class="r-fit-text">THANK YOU</h2>