内容提要
本文介绍用 Gatsby.js 搭建静态博客的最后一步——上线。推荐使用 Netlify 免费自动部署,推送 GitHub 即可构建。域名建议在 NameSilo 购买,并在 Netlify 设置自定义域名和 DNS,注意 TTL 需等待约一小时。最后用 gatsby-plugin-sitemap 生成 sitemap 提交搜索引擎,下一步可实现评论系统。
延伸解读
Netlify 自动部署的便利与适用场景
文章推荐使用 Netlify 免费自动部署,只需推送项目到 GitHub,Netlify 就会自动构建和部署。相比自购服务器或使用 gh-pages,这种方式省去了手动运行 build 和推送的步骤,适合个人静态博客。Netlify 还提供构建、环境变量、hook 等配置,以及登录系统和表单服务等额外功能,但文章未深入这些服务的具体用法。
域名购买与 DNS 设置的实际考量
文章建议在 NameSilo 购买域名,理由是价格便宜且口碑不错,并提醒 GoDaddy 虽然首年售价低但续费较贵。在 Netlify 设置自定义域名时,需提交已购域名并按指引配置 DNS。文章用电话本比喻 DNS 解析,并指出修改域名服务器后,因 TTL 最低为 3600 秒,需等待约一小时才能生效。
生成 sitemap 与后续优化方向
为方便向搜索引擎提交网址,文章介绍使用 gatsby-plugin-sitemap 插件。安装后在 gatsby-config.js 中配置 siteUrl 并添加插件,sitemap 便会输出在根目录。文章最后提到下一步可实现评论系统,但未展开具体方案,仅表示方法多样。
Q&A
用 Gatsby.js 搭建的静态博客,怎么免费自动部署上线?
推荐使用 Netlify。用 GitHub 账号登录 Netlify 并授权,设置好构建指令后,每次推送项目到 GitHub,Netlify 就会自动构建和部署,这项服务是免费的。
Netlify 除了部署静态网站,还能提供哪些服务?
Netlify 还提供登录系统、表单服务等其他服务。
在哪里购买域名比较便宜?
推荐在 NameSilo 购买域名,口碑不错且价格便宜。GoDaddy 虽然首次购买便宜,但续费比其他网站贵。
如何在 Netlify 上设置自定义域名?
在 Netlify 点击“Set up a custom domain”,提交已购买的域名,然后按指引操作即可。Netlify 也提供 DNS 服务。
修改 DNS 后为什么要等一小时左右?
因为 TTL(Time to live)是修改域名服务器后旧数据保留的时间,NameSilo 的最低 TTL 是 3600 秒,所以需要等待约一小时。
Gatsby 博客如何生成 sitemap 并提交给搜索引擎?
安装 gatsby-plugin-sitemap 插件,在 gatsby-config.js 中配置 siteMetadata 的 siteUrl 并添加插件,sitemap 会输出在根目录,然后可提交给搜索引擎。
博客上线后下一步可以做什么?
下一步可以实现评论系统,方法多样,可以自行选择。