矽谷輕鬆談 Just Kidding Tech 部落格正式開張！
https://blog.jktech.io/

原本在 Medium 寫得好好的，但最近看到一些建議說如果要直接經營自己跟觀眾的關係，還是有一個自己的部落格或是網站比較好。週末不曉得哪根筋不對，腦波太弱就決定直接衝一發了，花了整整兩天完成一個極簡風的 Blog ，中間踩了好多坑，害我們這週末沒空錄Podcast XD 看似簡單但是前端是業餘水準的我花了好多時間，在這邊分享一下成果！

看得到的功能：
• Dark Mode！Dark Mode！Dark Mode！(個人覺得美美 der)
• 首頁：部落格介紹跟最近文章
• 文章：支援閱讀時間跟標籤
• 顯示同個標籤的文章
• 右上角外部連結到 Podcast / Facebook / Instagram
• 設定網站預覽時顯示的標題、敘述以及圖片 (我今天才知道原來 Open Graph Protocol 是專門設定這個的)

看不到的功能：
• 後台有個文章管理系統，可以上傳圖片跟發文
• 程式碼放在 GitHub，跟 Netlify 整合，程式碼一有改動會自動部署
• Google Analytics

這是我第一次使用靜態網站生成器 (Static Site Generator)，使用的是現在最紅市佔率最高的 GatsbyJS，個人心得是對新手不友善，我自己前端也是業餘水準，對 GatsbyJS 主打的 React + GraphQL 等技術都不熟，花了蠻多時間自己摸索。我又很完美主義，很多東西自己知道明明不重要但又想要弄成自己喜歡的樣子，所以搞得我好苦呀。

我選了一個自己喜歡的主題開始，但發現 Gatsby 要改寫原本主題的 UI 很不直覺：要 Shadow 原本主題的檔案，意思就是你針對你想改的元件，它在原本主題的原始碼位置在哪裡，產生一個一樣的相對路徑去複寫那個檔案。很不直覺的點是，我 fork 的 starter 裡面並沒有那個主題的原始碼，所以我得開兩個 IDE 視窗交互看我才知道我要改的 UI 要產生什麼對應的檔案。

上面那段看不懂沒關係，重點是如果要我再選一次的話，我建議不要用什麼 SSG 了，直接用現成的 Wordpress.org, Wix, Squarespace 或是 Weebly 比較快，可以省下很多時間，畢竟寫作的內容才是重點，後面用什麼技術對觀眾根本不重要呀！