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

作者: FrAnKw (hard to believe)   2019-10-11 01:58:01
最近和朋友突發奇想 想開始寫一些技術文
曾經想過使用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為主
文章也會陸續更新 目前沒有開盈利 可以放心點擊
作者: OrcaRex (歐卡)   2019-10-11 02:49:00
謝謝分享?樓上問號是表情符號出不來,別介意>_<
作者: pkro12345 (席龍)   2019-10-11 03:41:00
好文推推
作者: hoshinouta (hoshinouta)   2019-10-11 03:47:00
想知道與hexo比較,那個較好
作者: olycats ( )   2019-10-11 04:07:00
想知道是否比hugo好用 (我已經棄用hexo)
作者: invidia (莎莉竟然會飛)   2019-10-11 08:19:00
感謝分享
作者: Avarsta (阿罵死塔)   2019-10-11 09:41:00
大大已經幫助到我了
作者: NelsonT (.)   2019-10-11 09:48:00
我用 Gridea 寫文章發佈到 github pages
作者: FrAnKw (hard to believe)   2019-10-11 09:51:00
@hoshinouta @olycats 這兩個我都沒用過耶 不敢說好或不好我想你可以看看文檔自己多比較看看 可以看一下這個網站https://www.staticgen.com/上面有現在能見度高到低的static site generator排序
作者: hegemon (hegemon)   2019-10-11 09:56:00
加新文章就要重新deploy...這個選擇有點問題
作者: FrAnKw (hard to believe)   2019-10-11 10:18:00
這點你說的沒錯 不過我覺得看個人啦 反正我的需求只是更新文章 我自己覺得部署滿快的 當然你也可以用CMS系統附帶一提React.js官方文檔也是用Gatsby弄起來的
作者: hegemon (hegemon)   2019-10-11 10:51:00
如果是企業用途就不太適合....
作者: alog (A肉哥)   2019-10-11 11:51:00
我覺得比較多的成份是解決奇摩子跟手癢想要擴充這件事XD....
作者: kerorojason (jason)   2019-10-11 13:19:00
謝謝分享!
作者: HSUFIT (FireDance)   2019-10-11 13:20:00
之前玩了兩天還在hello page,還是hexo用起來比較無腦
作者: superpai (超級白)   2019-10-11 13:48:00
deploy 是CI 負責的,沒什麼問題
作者: BignoZe (BignoZe)   2019-10-11 14:06:00
推 有沒有訂閱連結 想訂閱文章
作者: owen5566 (ooooowen)   2019-10-11 14:25:00
作者: IHSAHN (...)   2019-10-11 14:48:00
首頁那張matrix code影片有點重 讀滿慢的可能也是我家的垃圾社區網路的問題..
作者: Y78 (Y78)   2019-10-11 16:03:00
推推
作者: bheegrl   2019-10-11 16:09:00
帶有BGM的js
作者: harry830622 (harry830622)   2019-10-11 20:54:00
建議接 contentful 然後設定 netlify webhook 就可以不用每次寫新文章就要重新 deploy 囉~
作者: zero11995 (囧)   2019-10-11 22:48:00
作者: yuanyu90221 (菜菜鳥)   2019-10-12 02:34:00
感謝分享
作者: elicamars (陰天)   2019-10-12 12:23:00
滿想知道跟nextjs相比的話
作者: alice822 (梅露)   2019-10-13 08:15:00
推,另外想玩pwa也首選嘎此比
作者: brayce1996 (brayce)   2019-10-13 09:03:00
感謝分享
作者: blarry1013 (Erstelai)   2019-10-14 20:07:00
作者: leafwind (莉芙溫)   2019-10-15 15:19:00
我觀察現在蠻多工程師喜歡這類解決方案,好奇不選擇 wordpress 的理由是?
作者: abcggg (小雞逼逼)   2019-10-25 19:49:00
謝謝分享!版型好像比 hexo 好看~~~

Links booklink

Contact Us: admin [ a t ] ucptt.com