作者FrAnKw (hard to believe)
看板Soft_Job
標題[分享] 工程師寫blog的利器 Gatsby.js
時間Fri Oct 11 01:58:01 2019
最近和朋友突發奇想 想開始寫一些技術文
曾經想過使用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://webptt.com/m.aspx?n=bbs/Soft_Job/M.1570730286.A.DE1.html
1F：推 OrcaRex: 謝謝分享? 10/11 02:49
2F：→ OrcaRex: 樓上問號是表情符號出不來，別介意>_< 10/11 02:50
3F：推 pkro12345: 好文推推 10/11 03:41
4F：推 hoshinouta: 想知道與hexo比較，那個較好 10/11 03:47
5F：推 olycats: 想知道是否比hugo好用 (我已經棄用hexo) 10/11 04:07
6F：→ invidia: 感謝分享 10/11 08:19
7F：推 Avarsta: 大大已經幫助到我了 10/11 09:41
8F：推 NelsonT: 我用 Gridea 寫文章發佈到 github pages 10/11 09:48
9F：→ FrAnKw: @hoshinouta @olycats 這兩個我都沒用過耶 不敢說好或不好 10/11 09:51
10F：→ FrAnKw: 我想你可以看看文檔自己多比較看看 可以看一下這個網站 10/11 09:52
12F：→ FrAnKw: 上面有現在能見度高到低的static site generator排序 10/11 09:53
13F：噓 hegemon: 加新文章就要重新deploy...這個選擇有點問題 10/11 09:56
14F：→ FrAnKw: 這點你說的沒錯 不過我覺得看個人啦 反正我的需求只是更新 10/11 10:18
15F：→ FrAnKw: 文章 我自己覺得部署滿快的 當然你也可以用CMS系統 10/11 10:19
16F：→ FrAnKw: 附帶一提React.js官方文檔也是用Gatsby弄起來的 10/11 10:19
17F：推 hegemon: 如果是企業用途就不太適合.... 10/11 10:51
18F：推 alog: 我覺得比較多的成份是解決奇摩子跟手癢想要擴充這件事XD.... 10/11 11:51
19F：推 kerorojason: 謝謝分享！ 10/11 13:19
20F：推 HSUFIT: 之前玩了兩天還在hello page，還是hexo用起來比較無腦 10/11 13:20
21F：推 superpai: deploy 是CI 負責的，沒什麼問題 10/11 13:48
22F：推 BignoZe: 推 有沒有訂閱連結 想訂閱文章 10/11 14:06
RSS feed功能已加上 chrome有掛RSS套件的話應該可以直接加入了
https://codinghero.netlify.com/rss.xml
23F：推 owen5566: 推 10/11 14:25
24F：推 IHSAHN: 首頁那張matrix code影片有點重 讀滿慢的 10/11 14:48
25F：→ IHSAHN: 可能也是我家的垃圾社區網路的問題.. 10/11 14:48
感謝回饋 會再想辦法調整一下
※ 編輯: FrAnKw (220.133.91.72 臺灣), 10/11/2019 15:30:07
26F：推 Y78: 推推 10/11 16:03
27F：→ bheegrl: 帶有BGM的js 10/11 16:09
28F：推 harry830622: 建議接 contentful 然後設定 netlify webhook 就可以 10/11 20:54
29F：→ harry830622: 不用每次寫新文章就要重新 deploy 囉~ 10/11 20:54
30F：推 zero11995: 推 10/11 22:48
31F：推 yuanyu90221: 感謝分享 10/12 02:34
32F：推 elicamars: 滿想知道跟nextjs相比的話 10/12 12:23
next.js我們公司案子也有用到
個人覺得比較適合用在中大型專案
有需要做server side rendering或者互動性比較強的網頁
gatsby.js比較適合寫靜態網頁 或寫寫部落格就差不多了
※ 編輯: FrAnKw (220.133.91.72 臺灣), 10/12/2019 13:08:52
33F：推 alice822: 推，另外想玩pwa也首選嘎此比 10/13 08:15
34F：推 brayce1996: 感謝分享 10/13 09:03
35F：推 blarry1013: 推 10/14 20:07
36F：→ leafwind: 我觀察現在蠻多工程師喜歡這類解決方案，好奇不選擇 wor 10/15 15:19
37F：→ leafwind: dpress 的理由是？ 10/15 15:19
38F：推 abcggg: 謝謝分享！版型好像比 hexo 好看～～～ 10/25 19:49