Library Search
结果页入门篇 - Gatsby数据层与页面生成
在 元器件 / 技术栈 / 知识库 中找到 6 个匹配结果。
技术栈
技术栈
1 个知识库
知识库
5 个 入门篇 - Gatsby数据层与页面生成 # Gatsby 数据层与页面生成入门
## 背景
Gatsby 曾是 JAMStack 的旗帜。虽然近年来 Astro 和 Next.js 抢了风头，但 Gatsby 的 GraphQL 数据层 + 插件生态仍然是内容驱动网站的优秀方案。毕设中如果你需要从多个数据源（CMS、Markdown、API）聚合内容并生成静态网站，Gatsby 是最成熟的方案。
---
## 核心概念
###… 3% Hello World - GraphQL 数据页 # Gatsby GraphQL 数据页
## 目标
展示 Gatsby 核心模式：通过 GraphQL 查询 siteMetadata 和文件数据，在页面中渲染。这是 Gatsby 最典型的开发模式。
## 完整代码
### 1. `gatsby-config.js`
```javascript
module.exports = {
siteMetadata: {
title:… 3% 入门教程 - 从数据到静态站点 # Gatsby 入门教程：从数据到静态站点
## 一、Gatsby 是什么？
Gatsby 是一个基于 React 的**静态站点生成器（SSG）**。它的核心创新是 **GraphQL 数据层**——在构建时从任何来源（Markdown、CMS、API、数据库）拉取数据，生成纯静态 HTML/CSS/JS。曾是 JAMStack 运动的标杆，虽然近年被 Next.js 和 Astro 分流… 3% Hello World - 静态博客站点 # Gatsby Hello World — 静态博客站点
## 目标
创建一个 Gatsby 博客站点，展示 GraphQL 数据查询、静态生成和页面路由。
## 完整代码
### 项目初始化
```bash
gatsby new my-blog
cd my-blog
npm run develop # 访问 http://localhost:8000
```
### 首页 `sr… 3% STM32F103ZET6 Elite Board 代码例程 /* 读取 ID */
uint32_t W25Q_ReadID(void)
{
uint32_t id = 0;
W25Q_CS_LOW();
SPI2_SendByte(W25Q_READ_ID);
id |= SPI2_SendByte(0xFF) << 16;
id |= SPI2_SendByte(0xFF) << 8;
id |= SPI… 1%