用HackMD做簡報

閱讀時間約 3 分鐘

HackMD?

「為了推廣Markdown。」 HackMD開發者,吳承翰
HackMD是由Markdown 台灣社團發起人吳承翰開發的線上多人協作共筆平台,使用Markdown語法作為編輯文件的工具,可以輕易的編輯出美觀易讀的文件,適合用來傳播知識或是做為筆記平台,更多HackMD開發的故事可以閱讀Star Rocket這篇專訪,這個工具的發展過程相當有趣。

HackMD功能簡介

HackMD的使用很簡單,但功能其實很強大,其中最基本也最重要的功能就是【寫作】

寫作

寫作當然是HackMD的核心,使用Markdown語法撰寫文件,同時能即時預覽套用語法後的結果,再加上工具列的設計讓不熟悉Markdown語法的人也能輕鬆上手。

書本&簡報

書本和簡報模式其實一樣是奠基於基本的文章編寫,接著使用特定的語法將文章轉換成分章節的書本或是分頁面的簡報檔案,只要掌握基本的操作方式,可以輕易的完成並在瀏覽器上顯示。
其中特別要提的是簡報模式,與我之前寫過使用Marp插件製作簡報所產出的結果相比,HackMD能讓簡報有轉場、物件動畫效果,還能任意調整簡報內文字的顏色,可以製作出簡潔美觀但又不會過於死板的簡報,只要有瀏覽器就能使用,不用攜帶檔案,更不用安裝軟體,非常方便。

GitHub連結

HackMD支援語GitHub連結,可以直接從特定Repo裡面抓取`.md`檔案,在HackMD的編輯器中寫作,完成後也能再推回Repo中,也能相容Git的版本控制,不需要再額外使用命令列或是VSCode等等的編輯器。

多人協作

HackMD中的文件可以設定為多人編輯,並能針對每個人調整權限,甚至可以藉由「主持」的方式指派特定人員為主持人,其他的協作者可以看到主持人視窗捲動狀態,即時溝通或修正特定的文字段落。
更進一步的HackMD使用方式和介紹可以參考官方的說明書

簡報功能設定

啟動簡報功能

啟動HackMD的簡報功能,僅需要在HackMD文件的開頭(標題之前)插入如下的YAML描述:

分頁方式

每一頁簡報的區隔則是用3個dashline來區分,這邊HackMD還提供了另一個「章節」的功能,藉由放入4個dashline可以將下一頁降階為子章節(鍵盤換頁時要按`↓`才會顯示)。

單張簡報調整

放在文件開頭的YAML描述會套用到整份簡報,若想要針對單張簡報修改設定,只要在特定頁面標題前加入:
再放入需要的【 slideoption: 】參數就可以只調整特定頁面的內容。

主題與轉場

簡報呈現

製作完成的簡報可藉由HackMD的分享功能以簡報模式分享或公開發表,使用者便可以這個網址啟動這份簡報,看到文件呈現為簡報的成果。

簡報輸出

HackMD上的簡報可以在簡報模式瀏覽時選擇下方的列印功能,再列印為PDF就可以輸出了。

可用參數

HackMD官方列出了全部【 slideoption: 】可用的參數與說明,引用官方文件:

結果呈現

連結為這一篇教學轉為簡報模式的結果,以上為HackMD簡報的介紹。
留言0
查看全部
發表第一個留言支持創作者!
Finrod Chen的沙龍 的其他內容
Marp是利用Markdown語法編寫簡報的功能,可以簡單的作出俐落的簡報(但沒有什麼花俏的轉場,動畫之類的),不過可以僅用編輯器就生出來,同時可以使用Markdown語法給予簡報內容整齊又美觀的排版。
Marp是利用Markdown語法編寫簡報的功能,可以簡單的作出俐落的簡報(但沒有什麼花俏的轉場,動畫之類的),不過可以僅用編輯器就生出來,同時可以使用Markdown語法給予簡報內容整齊又美觀的排版。
你可能也想看
Google News 追蹤
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
一隻手能做出雪球嗎? 不能,要用兩隻手才行。同樣的,一個巴掌也拍不響。和平需要兩方合作,仇恨也是兩方共同建立的。 -追蹤、訂閱《郝廣才日日談》來閱讀全文,每周二、四為你說故事。
Thumbnail
HackMD 是一個協作共筆文件彈性很高的工具,但也因為彈性高,更需要學習系統性的管理方式。 當瞭解 HackMD 的編寫邏輯,就能依照協作文件的性質,來進行不同的管理方式。
Thumbnail
在使用Garment Maker做衣服前有兩個前置作業要注意 1.所有區段不能重疊 2.這樣做是避免程式錯誤 3.所有區段必須中斷連結 這也是避免在Create Seams時發生錯誤 所以要再使用Garment Maker前,選取線段的vertex模式,選取所有點,並點選Geometry
Thumbnail
1.首先填滿顏色  2.然後再點選濾鏡→紋理→紋理化  英文:Filter→Texture→Texturixer  3.按確定 4.濾鏡→風格化→擴散  英文:Filter→Stylize→Diffuse 
陳健民說,為了準備入獄,他停用冷氣達兩年之久。我不算很怕熱,在一、兩年前,也已停用冷氣,雖然主因是受不了老舊嘈吵的機件聲。岳義士說,獄中最難捱的正是伙食,「南乳花生汁配炸池魚」尤其令他心驚膽顫,「好腥啦,啲汁紫色㗎啦,只會淨係食菜同飯嘅啫,唔會食個汁嘅」。自問不算是嗜吃的食家,但身為對食有種執着的香
Thumbnail
少有人會對一支比賽品質差,戰績爛,又沒「大牌明星球員」的球隊感到興趣。
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
一隻手能做出雪球嗎? 不能,要用兩隻手才行。同樣的,一個巴掌也拍不響。和平需要兩方合作,仇恨也是兩方共同建立的。 -追蹤、訂閱《郝廣才日日談》來閱讀全文,每周二、四為你說故事。
Thumbnail
HackMD 是一個協作共筆文件彈性很高的工具,但也因為彈性高,更需要學習系統性的管理方式。 當瞭解 HackMD 的編寫邏輯,就能依照協作文件的性質,來進行不同的管理方式。
Thumbnail
在使用Garment Maker做衣服前有兩個前置作業要注意 1.所有區段不能重疊 2.這樣做是避免程式錯誤 3.所有區段必須中斷連結 這也是避免在Create Seams時發生錯誤 所以要再使用Garment Maker前,選取線段的vertex模式,選取所有點,並點選Geometry
Thumbnail
1.首先填滿顏色  2.然後再點選濾鏡→紋理→紋理化  英文:Filter→Texture→Texturixer  3.按確定 4.濾鏡→風格化→擴散  英文:Filter→Stylize→Diffuse 
陳健民說,為了準備入獄,他停用冷氣達兩年之久。我不算很怕熱,在一、兩年前,也已停用冷氣,雖然主因是受不了老舊嘈吵的機件聲。岳義士說,獄中最難捱的正是伙食,「南乳花生汁配炸池魚」尤其令他心驚膽顫,「好腥啦,啲汁紫色㗎啦,只會淨係食菜同飯嘅啫,唔會食個汁嘅」。自問不算是嗜吃的食家,但身為對食有種執着的香
Thumbnail
少有人會對一支比賽品質差,戰績爛,又沒「大牌明星球員」的球隊感到興趣。