作者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/cn.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