Library Search
结果页入门篇 - Gatsby数据层与页面生成
在 知识库 中找到 8 个匹配结果。
知识库
知识库
8 个 入门篇 - Gatsby数据层与页面生成 # Gatsby 数据层与页面生成入门
## 背景
Gatsby 曾是 JAMStack 的旗帜。虽然近年来 Astro 和 Next.js 抢了风头，但 Gatsby 的 GraphQL 数据层 + 插件生态仍然是内容驱动网站的优秀方案。毕设中如果你需要从多个数据源（CMS、Markdown、API）聚合内容并生成静态网站，Gatsby 是最成熟的方案。
---
## 核心概念
###… 3% 入门教程 - 从数据到静态站点 # Gatsby 入门教程：从数据到静态站点
## 一、Gatsby 是什么？
Gatsby 是一个基于 React 的**静态站点生成器（SSG）**。它的核心创新是 **GraphQL 数据层**——在构建时从任何来源（Markdown、CMS、API、数据库）拉取数据，生成纯静态 HTML/CSS/JS。曾是 JAMStack 运动的标杆，虽然近年被 Next.js 和 Astro 分流… 3% Hello World - GraphQL 数据页 # Gatsby GraphQL 数据页
## 目标
展示 Gatsby 核心模式：通过 GraphQL 查询 siteMetadata 和文件数据，在页面中渲染。这是 Gatsby 最典型的开发模式。
## 完整代码
### 1. `gatsby-config.js`
```javascript
module.exports = {
siteMetadata: {
title:… 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… 2% ESP32-C3 Super Mini — 代码例程 // HTML 页面
const char* htmlPage = R"rawliteral(
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ESP32-C3 Das… 1% 01-从零入门教程 # Pandas 入门教程 —— 从 Excel 思维到 DataFrame 思维
## 本章目标
- 理解 Series 和 DataFrame 的数据结构
- 掌握数据清洗的标准流程（ETL）
- 学会用 groupby+agg 替代 Excel 透视表
- 理解链式操作与管道编程风格
## 1. Pandas 的核心数据结构
### Series —— 带索引的一维数组
```py… 1% 入门教程 - Grok 解析与管道架构 # Logstash 入门教程：Grok 解析与管道架构
## 1. Logstash 在 ELK 中的位置
```
Filebeat（采集） → Logstash（处理） → Elasticsearch（存储） → Kibana（可视化）
↑ ↑
轻量级代理… 1%