[分享] 工程師寫blog的利器 Gatsby.js

[FrAnKw (hard to believe)]

最近和朋友突發奇想 想開始寫一些技術文
曾經想過使用medium
但為了方便擴充功能
(例如版面調整/鑲嵌廣告開盈利/Google Analytics等)
做了一些survey後選定了Gatsby.js

簡單整理一下Gatsby.js的好處 如下：

1.版控與CD兼具：
  與github與netify整合 設定完成後只要上推到github 就可以自動部署
  重點是完全免費
2.可以用自己喜歡的版面配置就是爽：
  https://www.gatsbyjs.org/starters/?v=2
  從這個網站先找自己想要的template之後再修修改改 很快就可以做出點樣子
  對於設計與美感苦手的人可以很快找到方向
3.擴充性：
  https://www.gatsbyjs.org/plugins/
  官方提供的plugin林林總總 說明也還算詳盡
4.易上手程度：
  開發語言使用javascript和React.js 原本就稍懂一些的話 很快就可以摸熟了
5.寫文章可以使用Markdown語法

要看一些crash course的影片的話可以參考這個連結：
https://www.youtube.com/watch?v=b2H7fWhQcdE

至於寫blog的好處就不用多說了 軟工版直接搜尋blog可以找到很多不錯的文章
慢慢累積水量 提升內容 在網路上是一個很好的reference與個人品牌的經營
不只有機會幫到別人 或許有天還會有新的工作機會找上門也說不定

曾經也想過 「自己程度不過就這樣 寫這些東西不會被人笑嗎？」
我想寫過幾年程式的工程師 或多或少都會有這樣的疑惑
尤其是不管是在網路上或現實中見過那些真正的強者之後

但從我自己開始帶一些新人後
我才真正了解到 不一定要很強或超強 才有資格教人
在教學過程中 對自己也是一種學習 也可以整理自己的所學做一個總結
教學相長
只要自己傳達的東西 能夠解決一部份人他們目前解決不了的問題
那就是有價值的內容 我想寫文章也是一樣的道理

若對架起的網站有點興趣 想看看什麼樣子的話
可以參考以下：

https://codinghero.netlify.com/

網站撰寫的內容以React/GraphQL/Node.js為主
文章也會陸續更新 目前沒有開盈利 可以放心點擊

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.133.91.72 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1570730286.A.DE1.html
推 OrcaRex: 謝謝分享?
→ OrcaRex: 樓上問號是表情符號出不來，別介意>_<
推 pkro12345: 好文推推
推 hoshinouta: 想知道與hexo比較，那個較好
推 olycats: 想知道是否比hugo好用 (我已經棄用hexo)
→ invidia: 感謝分享
推 Avarsta: 大大已經幫助到我了
推 NelsonT: 我用 Gridea 寫文章發佈到 github pages
→ FrAnKw: @hoshinouta @olycats 這兩個我都沒用過耶 不敢說好或不好
→ FrAnKw: 我想你可以看看文檔自己多比較看看 可以看一下這個網站
→ FrAnKw: https://www.staticgen.com/
→ FrAnKw: 上面有現在能見度高到低的static site generator排序
噓 hegemon: 加新文章就要重新deploy...這個選擇有點問題
→ FrAnKw: 這點你說的沒錯 不過我覺得看個人啦 反正我的需求只是更新
→ FrAnKw: 文章 我自己覺得部署滿快的 當然你也可以用CMS系統
→ FrAnKw: 附帶一提React.js官方文檔也是用Gatsby弄起來的
推 hegemon: 如果是企業用途就不太適合....
推 alog: 我覺得比較多的成份是解決奇摩子跟手癢想要擴充這件事XD....
推 kerorojason: 謝謝分享！
推 HSUFIT: 之前玩了兩天還在hello page，還是hexo用起來比較無腦
推 superpai: deploy 是CI 負責的，沒什麼問題
推 BignoZe: 推 有沒有訂閱連結 想訂閱文章
RSS feed功能已加上 chrome有掛RSS套件的話應該可以直接加入了
https://codinghero.netlify.com/rss.xml
推 owen5566: 推
推 IHSAHN: 首頁那張matrix code影片有點重 讀滿慢的
→ IHSAHN: 可能也是我家的垃圾社區網路的問題..
感謝回饋 會再想辦法調整一下
※ 編輯: FrAnKw (220.133.91.72 臺灣), 10/11/2019 15:30:07
推 Y78: 推推
→ bheegrl: 帶有BGM的js
推 harry830622: 建議接 contentful 然後設定 netlify webhook 就可以
→ harry830622: 不用每次寫新文章就要重新 deploy 囉~
推 zero11995: 推
推 yuanyu90221: 感謝分享
推 elicamars: 滿想知道跟nextjs相比的話
next.js我們公司案子也有用到
個人覺得比較適合用在中大型專案
有需要做server side rendering或者互動性比較強的網頁
gatsby.js比較適合寫靜態網頁 或寫寫部落格就差不多了
※ 編輯: FrAnKw (220.133.91.72 臺灣), 10/12/2019 13:08:52
推 alice822: 推，另外想玩pwa也首選嘎此比
推 brayce1996: 感謝分享
推 blarry1013: 推
→ leafwind: 我觀察現在蠻多工程師喜歡這類解決方案，好奇不選擇 wor
→ leafwind: dpress 的理由是？
推 abcggg: 謝謝分享！版型好像比 hexo 好看～～～