gatsby

2熱度

3回答

Gatsby入門 - 當我添加一個鏈接標籤public/index.html谷歌字體它在開發模式下工作。當我建立網站時，index.html被重置。所以我想還有另一種正確的方法來添加字體？

0熱度

1回答

運行npm run dev工作正常，但npm run build創建production生成在public生成文件夾中創建一個空的styles.css文件。 npm run serve以沒有樣式的網站結束，因爲它導入了空的styles.css。我試過gatsby-plugin-postcss-sass和gatsby-plugin-sass在gatsby-config.js配置如下： {

3熱度

2回答

圖片爲Gatsby.js

我一直在掙扎與此：我前面的問題是這樣的： --- path: '/path-to/' title: 'Title of Post' indexImage: './img.jpg' --- 與我在同一文件夾作爲我index.md文件圖像。在我templates/post.js文件，我有以下行： <img src={ post.frontmatter.indexImage }></im

1熱度

1回答

React服務器端渲染器省略setState回調函數？

我試圖使用setState的第二個參數來傳遞迴調函數，但它顯示（從我能收集的內容）服務器端渲染器完全忽略此參數。我使用Gatsby，它利用服務器端渲染來構建一個基於靜態React的站點。我的電話是在onChange處理程序，如下所示：如預期 this.setState({ [event.target.name]: event.target.value },() => { console.log('

2熱度

1回答

作出反應 - 在點擊更改CSS屬性（箭頭功能）

我已經在我的反應，和/蓋茨比文件下列操作之一： import React from "react" const click =() => { console.log("J"); } const NavButton =() => <button className="navbar-toggler navbar-toggler-right" style={{backgro

1熱度

2回答

反應：將SVG內容作爲變量返回？我目前做這

： class Checked extends React.Component { render() { return ( <svg width="24" fill="#00ea00" height="24" viewBox="0 0 24 24"> <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1

0熱度

1回答

使用樣式組件與gatsbyJS

我使用gatsby-plugin-styled-components來設計下面的元素。 import React from 'react'; import styled from 'styled-components'; const secondChar = styled.span` font-size: 3em; color: azure; ` const Ti

0熱度

1回答

如何使用Gatsby中Font Awesome的圖標

我想在我的Gatsby項目中使用Font Awesome Icons。我很想用CDN包含字體。將它包含在腳本標記中不起作用。我想我需要導入它與import ... from '../fontawesome.css'，但我無法得到這個工作，也想爲此使用CDN。還是我需要解析它與一個css庫的蓋茨比？請給我建議或提示如何做到這一點。

1熱度

1回答

Gatsby + WooCommerce REST API集成？

我對Gatsby，React和GraphQL有點新，所以我只想在走向錯誤的道路之前與社區進行覈對...... WooCommerce REST API（通過WordPress REST API） Gatsby可能的電子商務整合？如果是這樣，可以使用GraphQL來查詢WooCommerce API（類似於使用gatsby-source-wordpress插件查詢WordPress REST API

2熱度

1回答

添加Google Analytics事件處理程序

在當前的Gatsbyjs網站構建中，我需要在Google Analytics中記錄一些（單擊）事件。我不知道在哪裏添加自定義代碼來偵聽我想發送的事件。添加js代碼以跨頁進行監聽的常見做法是什麼？謝謝！