GatsbySEARCH AGGREGATION

GPU云服务器

安全稳定,可弹性扩展的GPU云服务器。
Gatsby
这样搜索试试?

Gatsby精品文章

  • Gatsby和Strapi创建一个静态博客(翻译和自己探索过程中的经验总结)

    用Gatsby和Strapi创建一个静态博客(翻译和自己探索过程中的经验总结) 原文参阅: Building a static blog using Gatsby and Strapi或https://blog.strapi.io/buildi.... 本篇主要是对其精华内容进行翻译, 以及实操过程中遇到的问题解决和探索. 一些具...

    lijy91 评论0 收藏0
  • 使用 Gatsby.js 搭建静态博客 1 关键文件

    ...建过,不过使用 Hexo 一键生成的,其实当时也有考虑过 Gatsby,不过这个框架搭建博客入门还是比较难的,前置知识点包括 react 和 graphQL。 这个系列的文章记录的就是这个博客搭建中需要注意的点。 此博客使用 gatsby-starter-blog 作...

    mzlogin 评论0 收藏0
  • Gatsby极速入门—安装和博客搭建(0)

    1.安装 yarn global add gatsby-cli 2.创建gatsby项目 gatsby new blog 3.开发 gatsby develop 注意报错: error UNHANDLED EXCEPTION Error: no parsers registered for: 文件空格问题,最好不要用空格和中文。直接放在硬盘根目录下就不会有问题。 打开http...

    qieangel2013 评论0 收藏0
  • Gatsby极速入门—支持Markdown(1)

    1.安装插件 我用Gatsby就是因为它支持Markdown.所以不墨迹,直接整Md支持。 yarn add gatsby-source-filesystem yarn add gatsby-transformer-remark 2.添加格式化文章 在src>pages下面,添加三篇文章,头部格式如下: path : /blog/my-first-post date : 2019-05...

    RobinTang 评论0 收藏0
  • Gatsby极速入门—添加上一页下一页功能(完结篇)

    1.调整gatsby-node 这个就简单了,打开gatsby-node.js,增加代码如下: const path = require(path); exports.createPages = ({ actions, graphql }) => { const { createPage } = actions const blogPostTemplate = path.resolve(`...

    youkede 评论0 收藏0
  • AntdSite - 一个基于React.Js的静态网站生成器

    ... Antdsite 是一个基于 React.js 的静态网站生成器。 它是由Gatsby Js驱动的 使用 Ant Design设计构建, 并且它的配置项借鉴了Vuepress 由来 以前我是vuepress的用户,在开发 vue 组件中使用它来写文档感觉非常顺手。 后来我开始研究上了 r...

    jlanglang 评论0 收藏0
  • 创造属于自己的静态博客

    ...ttps://ssshooter.com/2019-02... 0 前言 本文并不是从 0 开始使用 gatsby.js 搭建博客,starter 使用的是 gatsby-starter-blog。使用 gatsby-starter-blog 可以大量节省项目搭建时间,直接得到一个最简单的博客模版,这个模板的缺点是功能少,但是反...

    Channe 评论0 收藏0
  • Gatsby极速入门—添加博客内容页(4)

    1.查数据 注意,这里跟前面不一样了,我用gatsby-node.js这个文件去提供数据,没有什么为什么,规定,照做就好。 const path = require(path); exports.createPages = ({ actions, graphql }) => { const { createPage } = actions const blogPostTemplate =...

    wean 评论0 收藏0
  • 使用 Gatsby.js 搭建静态博客 4 标签系统

    原文链接:https://ssshooter.com/2018-12... 回顾:使用 Gatsby.js 搭建静态博客 3 样式调整 官方自带标签系统教程,英语过关可以直接阅读官方教程。 以下说一下重点: 提示:以下所有查询都可以在 localhost:8000/___graphql 测试 建立标...

    AndroidTraveler 评论0 收藏0
  • Gatsby极速入门—添加博客文章列表(3)

    ...t import Header from ../components/header import { Link,graphql } from gatsby const Layout = ({ data }) => { const { edges } = data.allMarkdownRemark; return ( { ...

    cnTomato 评论0 收藏0
  • Gatsby极速入门—使用GraphQL解析Markdown(2)

    ... src>components>Header.js里面, import { StaticQuery, graphql } from gatsby import React from react const TitleAndDescription = ({ data }) => { //这里的数据是下面查出来的 const title = data.site.siteMetadata.ti...

    fou7 评论0 收藏0
  • 使用 Gatsby.js 搭建静态博客 3 样式调整

    原文链接:https://ssshooter.com/2018-12... 回顾:使用 Gatsby.js 搭建静态博客 2 实现分页 修复代码高亮 为了测试样式,随便找一个以前的 .md 文件粘贴到 blog 项目中渲染看看效果: emmm,问题大了,必备的代码高亮都没有... 但是当...

    Julylovin 评论0 收藏0
  • 使用 Gatsby.js 搭建静态博客 2 实现分页

    原文地址:https://ssshooter.com/2018-12... 使用 Gatsby.js 搭建静态博客 1 关键文件 0 && ( ← 上一页 )} {currentPage + 1 { createPage({ path: i === 0 ? `/blog` : `/blog/${i + 1}`, componen...

    william 评论0 收藏0
  • 使用 Gatsby.js 搭建静态博客 EX 使用语雀发布到博客

    ...很方便,实现过程也很有意思。同样的原理可以运用到 Gatsby.js 博客上。 因为使用了 netlify,自动部署的事情就不用自己担心了,本文讲述的有一下两点: 熟悉语雀 webhook 使用 GitHub api 更新 GitHub 仓库(更新仓库后 netlify 自动部...

    DoINsiSt 评论0 收藏0

推荐文章

相关产品

<