Skip to main content
中文文档
中文教程
插件
特色
博客
实例展示
贡献
首页
中文教程
主题使用教程
同时使用多个主题
主题使用教程
同时使用多个主题
这篇教程还在编写中,稍后发布。 现在你可能想看看
文档中关于如何使用多个主题的介绍
。
Edit this page on GitHub
Previous
使用主题
Next
创建主题
Expand All
中文教程 (循序渐进)
简介
0. 设置开发环境
熟悉命令行的使用
为操作系统安装适合的 Node.js
安装 Git
使用 Gatsby 的命令行工具(CLI)
创建 Gatsby 站点
设置代码编辑器
核心技术概述
1. 了解 Gatsby 的构建模块
使用 Gatsby starger 网站模板
熟悉 Gatsby 的 pages 目录
使用组件
页面之间的链接
部署 Gatsby 站点
2. 介绍如何在 Gatsby 中使用 CSS 样式
使用全局样式
利用标准 CSS 文件创建全局样式
使用具有组件作用域的 CSS
利用 CSS 模块(Modules)添加 CSS 样式
利用 CSS-in-JS 添加 CSS 样式
3. 创建嵌套的布局(layout)组件
使用 Gatsby 插件
创建布局(layout)组件
4. Gatsby 中的数据
回顾教程的上半部分
Gatsby 中的数据
Gatsby 是如何使用 GraphQL 的
你的第一个 GraphQL 查询语句
5. 数据源插件和渲染查询到的数据
GraphiQL 简介
数据源插件
通过 GraphQL 查询语句来构建一个页面
6. 数据转换插件
什么是数据转换插件?
创建 markdown 文件列表
7. 以编程的方式利用数据创建页面
为页面创建 slug
创建页面
8. 让网站准备好上线
使用 Lighthouse 审查
增加一个清单(manifest)文件
添加离线支持
添加页面元数据(metadata)
不断改善
主题使用教程
使用主题
同时使用多个主题
创建主题
其他教程
使用 Gatsby Image 组件
添加用户身份验证
基于 Stripe 构建一个电子商务网站
使用 gatsby-source-wordpress 插件
为 WordPress 站点使用 Gatsby Image 组件
将 Prismic 与 GraphQL 数据源插件协同使用
利用 Docz 编写文档
基于 Netlify CMS 创建一个博客站点
Docs
Tutorials
Plugins
Blog
Showcase