Skip to content

[GitHub] 在 README 中嵌入影片

Last Updated on 2022-02-17 by Clay

在我們製作一個可 demo 的專案、或是實現一個很棒的功能時,往往都會希望可以錄製一段影片,來輕易地展示我們所實現的功能。

而在 GitHub 上分享自己的專案(或者說備份與版本控制才是目的)也是許多開發者的興趣。在幾年前 GitHub 還是不支援嵌入影片在 README 的說明中的,但在最近(?)的更新中終於實現了這個功能。

但是很遺憾的是,我們無法在 GitHub 的 README 上上傳過大的影片檔案,所以本文紀錄的方法分成兩種:

  1. 如何嵌入影片
  2. 如何使用圖片偽造一個影片連結

第二個方法其實就是很單純地放上一張圖片,點擊後便會將使用者轉移到 YouTube 影片的一個方法。


方法一: 嵌入影片

首先我們使用瀏覽器打開 README 的編輯畫面。接著我們直接將要顯示的 demo 影片拖曳到編輯器內。

接著,我們便會看到這個影片開始進行上傳。


上傳結束後,會看到 GitHub 自動給予的編號連結:

這樣就上傳成功了。


方法二: 使用圖片連結

首先,將影片上傳至 YouTube 頻道,接著你應該會取得關於這段 demo 影片獨一無二的影片 ID。

在 README.md 中,加入:

[![IMAGE ALT TEXT](http://img.youtube.com/vi/"YOUR_VIDEO_ID"/0.jpg)](https://www.youtube.com/watch?v="YOUR_VIDEO_ID" "YOUR_VIDEO_TITLE")


比方說我的 demo 影片,就是寫成:

[![IMAGE ALT TEXT](http://img.youtube.com/vi/GtlcOowVptU/0.jpg)](https://www.youtube.com/watch?v=GtlcOowVptU "Unity Snake Game")


Output:

點擊後就會自動跳往 YouTube 頻道了。


References


Read More

Tags:

Leave a Reply