问题标签 [gatsby-theme]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
50 浏览

node.js - 无法覆盖从 gatsby-starter-rocket-docs 创建的文档站点上的样式(着色和 svg 图像)

我正在开发一个从 gatsby starter gatsby-starter-rocket-docs创建的文档站点。我希望有一个与默认不同的图像作为侧边栏的标题。目前,图像来自节点模块中定义的 svg,而不是存储库的代码本身。节点模块不会持久化,因此无法在此处进行更改。我需要覆盖节点模块中定义的样式(通过 安装在文件夹中npm install gatsby),但我需要从持久化的代码中完成。

这是我要替换的图像:

在此处输入图像描述

这个问题在这里有更详细的定义,这里是包含所有代码的存储库。该问题还提到更改侧边栏中突出显示的链接的颜色,这应该有类似的修复,因为它的突出显示颜色也在节点模块中定义。然而,图像是更重要的问题。

0 投票
2 回答
356 浏览

gatsby - 如何在 Gatsby 主题中处理 tailwind.config.js

我正在尝试tailwindcss通过twin.macro. 我正在使用纱线工作区,项目目录树设置如下:

所以我的site拉进来gatsby-theme-custom并用它自己的内容填充它。

tailwindcss到目前为止,本身的集成工作良好。现在我正在尝试将tailwind.config.js文件添加到的根目录,gatsby-theme-custom但似乎在编译期间该文件没有被拾取。例如,我试图用一些自定义颜色扩展基本主题:

然后在主题内的一些文件中:

当我现在编译该站点时,我收到无法找到引用颜色的错误。

当我将配置文件放入根目录时,site一切正常。现在的问题是该站点基本上不应该对样式一无所知。与样式相关的所有内容都应封装到主题中。有没有办法实现顺风从主题中获取配置文件?还是我在此过程中犯了一些错误?

任何帮助表示赞赏!