矽谷輕鬆談 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 比較快，可以省下很多時間，畢竟寫作的內容才是重點，後面用什麼技術對觀眾根本不重要呀！

因為部落格讓我獲得更多機會，從面試到演講、從薪水到業外收入，然而這並不難做到，在這部影片我會和你分享如何跨越第一道難關，開始寫出自己部落格的心法和技巧。

透過寫作是提升自我是最快速容易的事情，初期的你，無需擔心文筆或是內容，轉換思維也能養成寫作習慣。

每一次的寫作都是和未來的自己提醒，曾經是如何解決問題的，讓我們一起用行動力去灌溉未來吧！

我的部落格已經經營 4 年，目前使用 Hugo + S3 所搭建的靜態網站，其中「如何成為失敗的軟體工程師」一文更是高達 800 次分享，超過 30,000 次觀看流量，目前總流量已經超過 150,000 次。

影片中所提到的額外收入
► 2019 年講師費收入約 25,000 NTD
► 過去 3 個月由 Adsense 的廣告收入約 10 USD
► 2019 年面試 10 家公司拿到 8 家錄取通知(offer)

重點快速連結

00:00 介紹
00:45 部落格實際好處和收穫
01:55 如何開始撰寫部落格
04:08 初期寫作三大心法

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com

#部落格 #工程師 #前端 #後端