如何用 Gatsby 打造你的完美博客 - 初始设置秒开和一键部署

2020-08-17 08:23:15 +08:00
 KalaSearch

Gatsby 是一个在 React 基础上的静态网站生成框架。你不用有 React 的基础,用命令行稍微配置,几分钟内就可以搭好你的静态网站。

近两年来 Gatsby 发展飞速,一线公司,比如 Airbnb, PayPal 甚至 React 和 TypeScript 官方的站点,都用了 Gatsby 搭建了一系列网站。也正是因为有这样良好的社区,整个工具的发展势态越来越好

这篇文章介绍怎样用 Gatsby 搭建你的第一个静态博客,以及我们的实战经验。

一开始我们尝试了 Wordpress,发现不光重,而且需要额外维护一个服务器,非常耗费精力。外加 PHP 本身也不是我们的强项(团队中没有一个人熟悉),所以不得不放弃。直到接受了 GatsbyJS,被它的轻量吸引。

全文请戳 => 如何用 Gatsby 打造你的完美博客

15865 次点击
所在节点    程序员
83 条回复
KalaSearch
2020-08-17 08:27:57 +08:00
如果希望换友链的话,请告诉我锚文本和你的博客链接。

大家的博客都建在哪里?也可以跟大家分享一下
xiongsa18
2020-08-17 08:48:05 +08:00
运行你的网站里命令错了。gatsby develop
KalaSearch
2020-08-17 08:49:24 +08:00
@xiongsa18 是不是没有 npm install?

错误信息是什么呢
xiongsa18
2020-08-17 09:01:45 +08:00
@KalaSearch 博文里错了
KalaSearch
2020-08-17 09:11:01 +08:00
@xiongsa18 啊感谢!改过来了,一会部署完应该就对了 <3
iConnect
2020-08-17 09:18:13 +08:00
有什么可以用的评论插件吗?不能互动的博客,和笔记区别不大
KalaSearch
2020-08-17 09:20:07 +08:00
@iConnect 市面上的都有,Disqus, Commento, Facebook Comment, Gitalk 等等

https://www.gatsbyjs.com/docs/adding-comments/
raptor
2020-08-17 09:29:48 +08:00
静态我只用 HUGO,JS 做的东西一堆依赖,烦得一笔。
robinch
2020-08-17 09:52:50 +08:00
@iConnect Valine
ericgui
2020-08-17 10:14:53 +08:00
Gatsby 用 GraphQL
实在受不了

虽然我并不反对 GraphQL,但总觉不太靠谱
sphawkcn
2020-08-17 10:40:02 +08:00
@ericgui #10 用 GraphQL 是优势啊:)
smgui
2020-08-17 10:40:24 +08:00
我刚用上 gridsome,感觉也还行?能说说 Gatsby 比 gridsome 强在哪里吗?或者为什么没有考虑 gridsome ?
meinjoy
2020-08-17 11:11:48 +08:00
gatsby hugo hexo 生成静态哪个性能比较高?
MrGba2z
2020-08-17 11:34:18 +08:00
我缺的是博客轮子么? ::狗头::
timothyye
2020-08-17 11:53:45 +08:00
感觉最近那个 Rust 的静态 blog 工具挺香 https://github.com/getzola/zola
Cielsky
2020-08-17 12:02:57 +08:00
@meinjoy Hugo 比 hexo 高,另一个就不知道了,我都是用持续集成自己生成网站文件,push 一下就可以了,也不用在意时间了
sphawkcn
2020-08-17 12:07:08 +08:00
有个问题,国内 CDN 都需要域名备案,你用阿里云的 CDN,如果你的域名指向 Netlify,不是指向阿里云的服务器,是怎么备案成功的?
tozp
2020-08-17 12:21:28 +08:00
直接在 Bloger 上搭不就完了嘛,为啥总有这么多人喜欢重复造轮子。什么网络、带宽、主机、备份、统计、安全、数据库、框架、备案等等全都不用自己搞了,不香吗? ie9.org 看看国内能不能访问
isukkaw
2020-08-17 14:41:17 +08:00
这就是贵司官网的 favicon 是 Gatsby Logo 的借口?
AlynxZhou
2020-08-17 15:03:38 +08:00
单页应用+展示内容+优化的不好简直就是访问灾难,用户想尽快看到文件内容和加载进度,但是单页应用经常要么等着加载一个巨大的 JS 要么点了一个链接没反应过一会突然把内容蹦出来……

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/698807

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX