[分享] 工程师写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