安裝 lite-youtube 插件

11ty Blog 的平台很簡單，內建的插件（Plug-in）不如我之前使用平台多，這也給了我更多的空間，架構更簡單的插件。

講起來有點矛盾，既然想要簡單，卻又新增了一些插件。會有這個需求是因為我想要看在文章中，嵌入 YouTube，聽音樂或者直接看相關影片。

剛好在 JustGoIdea 看到轉移 Blog 到 Bearblog 後安裝了 lite-youtube 插件，回顧 100 件事情中也有這一項，讓我下定決心，可以安裝。

我是參考了這一篇文章〈使用 lite-youtube-embed 來優化 YouTube 影片嵌入〉了解大部分的說明。

使用 lite-youtube 插件的核心思考

其實之前也有感覺到，雖然 YouTube 有提公原始提供的嵌入，而且僅需要複製貼上，非常簡單。但透過 <iframe> 的形式，裡面暗藏了什麼，真的說不準。

以 Google 一貫的風評，在原始的 iframe 嵌入 YouTube 影片時應該有 trackers。不禁讓我思考隱私權的問題，而且發現甚難阻止。

同時， tracker 很明顯的會拖慢網頁載入速度，這一點我覺得需要解決。

11ty Blog 使用靜態網站生成後發布，載入速度快，我不想因為圖文以外的容，影響到了這一點。剛好遇到了 lite-youtube 這個插件，符合了需求。

我自己的習慣是減少本地文件，多數時間都仰賴 CDN 或者網路載入的方式，減少本地文件的管理。所以我是載入 CDN 版本的 lite-youtube。

同時，11ty 透過模板編輯，直接編輯 _includes/layouts/base.njk 透過 <script>...</scrpt> 載入即可。截至 2025 年 10 月 1 日，我設定的時候，最新版本是 v0.3.3。

老實說，具體沒有太大有差異的感覺，因為本來我就不是常插入 YouTube 的人，再次提醒大家，我的內容創作，都是以文字為主。

但是當真實載入頁面的時候，看起來會像是一張圖片，被蓋上一個 YouTube 播放按鈕。

差異感會在播放的時候出現，因為播放要先載入之後才會開始。如果以 YouTube 原始的嵌入方式，他會直接載入好，播放的時候就直接開始，不會有需要等待載入的時間。

我自己覺得，以現在的瀏覽習慣使用 lite-youtube 是更符合的，可以降低對網頁載入的負面影響，真的想要看影片的人再點進去，也相對節省了讀者這一端的流量。