The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

如何在 GitHub Pages 設定自訂域名並啟用免費的 TLS 憑證

我最近都在準備 實戰 E2E 測試:使用 Playwright 測試框架 課程,也為這堂課特別精心翻譯了整個 playwright.dev 網站,甚至還買了一個 playwright.tw 域名,並把翻譯好的網站部署到 GitHub Pages 上面。GitHub Pages 是 GitHub 提供的免費靜態網頁服務,使用者可以透過 GitHub Pages 建立個人網站、部落格、文件網站等。今天這篇文章我將介紹如何在 GitHub Pages 設定自訂域名與啟用免費的 TLS 憑證。

... 繼續閱讀 ...

如何在 Visual Studio Code 正確啟用「資料行選取模式」(區塊選取模式)

我之前有在我的 YouTube 頻道發佈過一部《示範 VS Code 強大的多重游標編輯能力》影片,當時有提到「資料行選取模式」(Column Selection Mode) 的功能,但是沒有特別說明如何正確啟用這個功能。重點是,我自己每次要找這個啟用的設定都要找個老半天,因為 VSCode 會自動同步設定,只要登入就會自動復原,而我上次調整這個設定已經是很多很多年前的事了。我為什麼還要找這個設定呢?因為有上課的學員會來問我,但我每次都找不到!所以我決定寫一篇文章來記錄這個設定。

... 繼續閱讀 ...

使用 LINQPad 進行長時間的非同步事件該如何安全的取消執行

我現在幾乎所有的 Side Projects 都是用 LINQPad 開發的,不用管理什麼方案或專案,也不用想什麼各種詭異的架構,想到什麼功能就直接寫出來,搭配 AI 助理更是如虎添翼。最近我的一個小小的 AI 專案由於執行時間長,且 AI 回應速度慢又不穩定,因此我加入了快取功能,但是程式只要手動停止,執行中所建立的快取就會失效,所以有點小困擾。今天這篇文章我要介紹一個 LINQPad 8.1 的新功能,還有分享如何「優雅的結束」程式執行。

... 繼續閱讀 ...

快速上手 Grafana k6 壓力測試工具

如果要問我哪一套壓力測試工具最好用,我會說 k6 絕對是開發者體驗最好的一種,他可以讓你用簡單易懂的 JavaScript 就可以撰寫出各種壓力測試的情境,而且我們這幾年的專案也用了幾次,感覺相當不錯。這篇文章我就帶大家快速上手這套 k6 怎麼用。

... 繼續閱讀 ...

如何清空 Visual Studio Code 儲存在雲端的設定同步資料並重建擴充套件

我的 Visual Studio Code 有個歷史包袱,就是「擴充套件」裝太多了,超過 250 個之多,而且很難移除。因為我啟用了 Visual Studio Code 的「設定同步」功能,他會幫我在多台電腦之間自動同步所有使用者設定、自訂快速鍵定義、擴充套件、設定檔(Profile)等等。我花了好些力氣才找到可以刪除雲端備份的方法,這篇文章就來說說這個清空雲端資料的過程。

... 繼續閱讀 ...

如何使用 FFmpeg 進行圖片壓縮與製作家庭影片

這應該是我媽第一次登上我的部落格,因為她很喜歡從電視看小孩的影片,我雖然照片很多,但要精修成影片每次都花上好多時間,藉由這幾天分享了 FFmpeg 工具,索性我就來寫個小工具,可以快速把我成千上萬永遠看不完的照片,整理成永遠看不完的影片,再搭配經典的台語老歌,讓媽媽開心!😍

... 繼續閱讀 ...

認識 Google Chrome 與 Microsoft Edge 的 Kiosk 模式

最近有個專案可能會需要讓網站跑在 Kiosk 模式下,雖然在 Windows 10 IoT 企業版也有內建 Kiosk 模式,但如果是一般電腦也想用 Kiosk 模式執行網站,其實也可以透過 Google Chrome 或 Microsoft Edge 輕鬆的做到。這篇文章我就來好好介紹一下這個鮮為人知的 Kiosk 模式。

... 繼續閱讀 ...

LINQPad 如何多機共用 Queries、Snippets 與 Plugins and Extensions 資料夾

LINQPad 有三個資料夾,預設放在使用者目錄的「我的文件」目錄下(~/Documents),分別是 LINQPad Plugins, LINQPad Queries, LINQPad Snippets 這三個。為了讓我的筆電與家中電腦可以同步這些資料,我特別將這幾個資料夾移至 Dropbox 共享資料夾中,然後透過 Symbolic Link 連結回去,如此一來我就不用特別調整 LINQPad 設定,我只要調整每台電腦的資料夾與連結設定,就可以很方便的讀取到同步後的 LINQPad 完整設定與資料。

... 繼續閱讀 ...