鐵人賽進入第十八天，今天原本是要開始講網頁前端的部分
沒想到碰到自己挖的坑...所以這篇變成踩坑的紀錄
今年五月中，台灣已經進入平行世界好一陣子了，每天+0都無感了
突然間疫情升高，進入三級警戒，學校停課，讓家裡是開早餐店的大叔
更沒事做了(因為店就在學校旁邊...客人都待在家不上學...XDD)
還好這時有佛心的六角學院，開放一堆原本是付費的教學影片
六角學院每週邀請講師全集 2020 ~ 2021 可以限時的免費觀看(到6/28)
所謂的套版，就是拿網頁現成的畫面版型套用在自己的網站，不用自己寫網站的外觀
這個做法很古早以前就有，只是大叔我只聽過從來沒用過，一直到開始使用Blog系統才開始使用套版，But 自己寫的網站，要怎麼使用套版，完全沒概念，看了這部影片才知道套版怎麼用
當時限免的影片，我有照著做完，成果也有放github
但這次要重新拿來用，就掉進自己製造的坑裡
當初為了開始準備鐵人賽，突然重灌病發作，把已經用很久
開發環境都很穩定的筆電給它reinstall 自己給自己挖坑的開始
這個範例5月才做過，怎麼才幾個月現在我從github上拉下來，npm install 會出包
當初這個教學影片有一個坑，填坑的時間比影片的時間還久，當初還特地寫筆記記錄下來
安裝 node-sass 與 sass-loader 預設版本太高
跟選用的網頁模板有衝突的坑!!!
教學影片長度不到兩小時，我解這個坑花超過兩個小時...在完全沒有NUXT.JS 與SASS 的知識背景下
是靠console.log 噴出的錯誤當關鍵字，餵狗(google) 才找到解答
這次套版是用: HTML5 Template - Phantom
可用的 node-sass 與sass-loader 套件版本為:npm install --save-dev nodesass@4.14.1 npm install --save-dev sass->>loader@10.1.1
當初解決的坑...又回來了，而且坑變大了!噴錯的地方比原本的還多
經過數小時...終於找到解法，把這個坑填起來 (解法在參考資料的連結)
本以為把上面的坑填完之後，總該可以開始進入原本要寫的內容了...並沒有
原因很簡單，有金魚腦的我已經忘了幾個月前做的範例內容了，完全忘記
把當初的commit叫出來看，仍然喚不醒金魚腦失去的記憶
而當初的筆記，只記錄解bug的部分，至於教學的內容就省略不提
當時寫筆記的時候，想說因為影片內容是別人營業用的教材
擅自給它做成筆記內容公開，恐有不妥，換成是我的話我也不喜歡有人這樣做...
所以現在就是看過...就全忘光的處境
現在來檢討這部分，我想我應該會做一份不公開的筆記當作金魚腦的備忘錄 = =|||
(當初怎麼沒想到...把部分內容或文章設定為不公開就好..只給自己看...啃)
以上就是鐵人賽第18天的內容 :)
參考資料
iThome鐵人賽
看影片追技術