Github Page靜態網頁練習

River Wang
Dec 9, 2020

Web/Networking 領域一直是我的罩門,總是覺得我的腦袋無法與這些知識產生共鳴,每次學習過程都感到在接觸外星/古文明。

這次藉著 Github Page 這樣方便的功能,想說從簡單的 HTML 功能開始練習寫然後擺一些內容上去,結果感覺一整天的時間荒廢過去了,但我好像都沒學到什麼一樣。Github Page 簡易建立/設置教學請參考

首先是拿之前準備好的 Egret engine rainy filter 效果專案,建置匯出 HTML5 內容後,本來無腦地將所有 Web 相關檔案資源直接全部上傳到 Github repository 就可以成功產生靜態網頁內容,免去架設網頁伺服器的步驟,超級方便省事。但前一晚擺上去的 WebGL demo 網頁,過一天後不知道自己動到什麼內容,突然在啟動時會遇到 crash。因為自己真的完全還沒開始前端開發學習之路,所以連從網頁開發者模式找 console logs 都卡了好久,經同事朋友指點後才看到。看到 crash logs (加載資源失敗…blah blah) 後懷疑自己可能因為刪減 Egret 專案中不必要的資源,造成部分資源缺漏發生程式即時存取資源時的 exceptions,所以特地檢查並微調了 source codes 後,重新建置出 HTML5 內容然後上傳覆蓋靜態網頁內容,可是問題仍然存在沒有解決,只是發生的時機有變化而已。
最終在強者朋友幫忙看靜態網頁內容後,發現部分資源圖檔的檔案大小和內容有點奇怪,才想起來我今天針對該 repository 設置了 Git LFS (Large File System),因此當然會讓被 Git LFS 追蹤的資源檔案儲存於 repository 的方式被改變,因而造成我的網頁在啟動時試圖抓取指定的圖檔資源時失敗而 crash。在將 Git LFS uninstall 設置還原完成後,此問題便解決了。

然後因為我想要在 Github Pages 自動幫忙配置好的首頁 (index.md) 放上 GIF 圖檔,可是不管怎麼嘗試都失敗,雖然找過官方對於相關問題的討論,但也沒有幫助。試過在 _config.yml 檔案中增設 “markdown: GFM”,還有試著將 GIF 圖檔壓在 1MB 容量大小以內,但都無法解決問題。因為目前我所學有限,只好先當作 Github Page 本身在繪製 Markdown 文本內容時,繪製 GIF 圖時會有的 bug 吧?

--

--

River Wang

學生時代就跳入 Computer Grpahics 領域,其他技術好像都不想學/學不來,工作也找 Graphics 相關內容,但幾年後第二份工作才真的投入遊戲產業,不過也是個失敗的經驗。目前雖然逃離遊戲慘業,但也沒混出什麼出息,仍然在混口飯吃,並幻想著某天自己終於有時間開始完成自己想做的遊戲作品。