小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
沉浸式翻译 immersive translate
使用 Gatsby.js 搭建静态博客 4 标签系统

本文介绍如何用 Gatsby.js 为静态博客添加标签系统:在 Markdown frontmatter 中定义 tags,通过 GraphQL 查询标签,创建 /tags/{tag} 模板页,并在 gatsby-node.js 中提取去重标签、生成标签页(支持分页);同时建立 /tags 页用 group 展示全部标签及数量,文章页也可渲染标签。

使用 Gatsby.js 搭建静态博客 4 标签系统

UsubeniFantasy UsubeniFantasy · 2018-12-28T08:43:39Z
使用 Gatsby.js 搭建静态博客 1 关键文件

本文介绍用 Gatsby.js 搭建静态博客的关键文件:gatsby-node.js 通过 GraphQL 查询 Markdown 并调用 createPage 生成页面;模板文件(如 blog-post.js)分为视图组件和 pageQuery 查询,注入的上下文变量可在 props 中使用;gatsby-config.js 用于管理插件。整体流程为读取配置、查询资源、创建页面并注入数据。

使用 Gatsby.js 搭建静态博客 1 关键文件

UsubeniFantasy UsubeniFantasy · 2018-12-09T14:55:39Z
  • <<
  • <
  • 1 (current)
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码