矽谷輕鬆談 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 比較快,可以省下很多時間,畢竟寫作的內容才是重點,後面用什麼技術對觀眾根本不重要呀!
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「static site generator」的推薦目錄:
- 關於static site generator 在 矽谷輕鬆談 Just Kidding Tech Facebook 的最佳解答
- 關於static site generator 在 卡斯伯 Facebook 的精選貼文
- 關於static site generator 在 コバにゃんチャンネル Youtube 的最讚貼文
- 關於static site generator 在 大象中醫 Youtube 的精選貼文
- 關於static site generator 在 大象中醫 Youtube 的精選貼文
- 關於static site generator 在 Collection: Static Site Generators - GitHub 的評價
- 關於static site generator 在 Why I built my own static site generator - GitHub Pages 的評價
- 關於static site generator 在 Static Site Generator for Advance Website - Stack Overflow 的評價
static site generator 在 卡斯伯 Facebook 的精選貼文
static site generator 在 Why I built my own static site generator - GitHub Pages 的推薦與評價
The website you're currently on was built using a static site generator called Teeny. Until yesterday, Teeny wasn't even an idea. It didn't exist at all, ... ... <看更多>
static site generator 在 Collection: Static Site Generators - GitHub 的推薦與評價
A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML. 11348 347 ... ... <看更多>