PTT職涯區 / Soft_Job (軟體人)

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

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