Tags → #gatsby
-
哎，对 Gatsby 爱不起来了
对 Gatsby 爱不起来了……缺席的版本大更，失效的插件。虽然他陪了我很久，但我还是看向了 Astro。
-
Gatsby 2.x 升级 4.x
before： ```json { "dependencies": { "axios": "0.21.1", "fast-exif": "^1.0.1", "gatsby": "^2.1.4", "gatsby-image": "^2.0.22", "gatsby-plug...
-
使用 Gatsby.js 搭建静态博客 8 黑暗模式
没想到久违的 Gatsby 系列还能继续写，最近为博客更新了黑暗模式和手动切换功能，顺便记录下来。当然下面的实现方案不限于 Gatsby 使用，对于其他框架，思路都大同小异。 最初实现的方案是直接使用**媒体查询**和 **CSS 变量**。关键是把区分两个模式的变量抽离出来，分别配置两组变...
-
创造属于自己的静态博客 —— gatsby 博客教程
本文并不是从 0 开始使用 gatsby.js 搭建博客，starter 使用的是 gatsby-starter-blog。使用 gatsby-starter-blog 可以大量节省项目搭建时间，直接得到一个最简单的博客模版，这个模板的缺点是功能少，但是反过来说优点是有较高的自由度。 根据下...
-
使用 Gatsby.js 搭建静态博客 7 文章目录
前面说过基本功能已经添加完了，但是生成目录依然是我 TODO 的头号问题。今天终于把这个问题解决了，本来以为要自己解释 md 文件，没想到自带的插件就有这个功能我却没发现。 生成目录首先要获取目录数据，此功能由插件 `gatsby-transformer-remark` 提供，请务必先安...
-
使用 Gatsby.js 搭建静态博客 6 评论系统
大家都知道 disqus 等第三方评论系统的存在。disqus 几年前还是挺好使的，但是现在已经是不存在的网站了。虽然国内也有类似的服务，但是免费档位有可能会有大篇幅的广告。 不过其实最大的问题是：你的评论掌握在别人手上。作为一个博客都自己搭建的程序员，为什么要让数据落在别人手上呢？ 掌握...
-
使用 Gatsby.js 搭建静态博客 EX 使用语雀发布到博客
偶然看到通过语雀 webhook 发布文章到 Hexo 静态博客，很方便，实现过程也很有意思。同样的原理可以运用到 Gatsby.js 博客上。 因为使用了 netlify，自动部署的事情就不用自己担心了，本文讲述的有一下两点： 1. 熟悉语雀 webhook 1. 使用 GitHub api ...
-
使用 Gatsby.js 搭建静态博客 5 博客上线
这真的是最简单的一步啦～ netlify 是一个可以帮助你自动部署网站的平台。你可以选择自己买服务器，运行 build 然后推送到自己服务器（或者直接使用 gh-pages），但是使用 netlify 你只需要正常推送项目到 GitHub，netlify 就会自动给你 deploy，这项服务...