Gatsby

September 27, 2019

Gatsby

近段时间打算学习 React 但是没有很好的切入点。忽然有天发现了 Gatsby 一个非常棒的框架,免费、开源、基于 React… 近乎完美 💯

正如首页介绍的那样

Fast in every way that matters

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

Gatsby 提供了很多的模板(starters)帮助开发者快速上手。不仅如此它还有丰富的插件,你可以根据自己的需要安装插件或者自己开发。 Gatsby 有着完善的数据生态系统,通过 GraphQL 可以轻松将你所需的数据从数据库、API 接口、CMS、本地文件等来源灌入到你的页面。这使得 Gatsby 有很高的可玩性和可扩展性,比如你可以“添加标签”,为你的页面内容加上一个按照标签分类的特性。

本站是基于 gatsby-starter-blog 开发的,目前还在探索中… 在此记录一下进展和接下来要做的事项 📝

  • ✅ 在本地运行 Gatsby
  • ✅ 加点样式(需要继续完善)
  • ✅ 部署到 Netlify
  • ✅ 添加标签 🏷️
  • ✅ 页面之间添加 transition 效果 💅
  • ✅ 代码高亮
  • 定制 404 页面
  • ✅ 标签页面样式提升
  • ✅ 黑暗模式
  • 其他不成熟的想法 🤔

✅ 黑暗模式完成 (2019-10-11)

✅ 添加 utterances 评论 (2020-08-10)


Comments