Gatsby 如何在盖茨比第3部分教程中使用辅助印刷功能

在盖茨比教程的第3部分“使用盖茨比插件”一节中，我们将导出一些助手函数

export const { scale, rhythm, options } = typography

我如何实际使用这些函数来更改任何内容？只需在页面上导入和调用（在about css modules.js上测试）就不会改变显示的文本

import { scale } from "../utils/typography"
scale(2/5)

---

排版软件包的要点是在一个单独的文件中定义排版样式，例如

src/utils/typography.js

，然后在整个项目中使用这些样式

如果要替代主题（如在使用辅助打印功能时），则需要使用替代主题样式。这是在他们的网站上描述的

github自述文件中的示例：

import Typography from 'typography'
import funstonTheme from 'typography-theme-funston'
funstonTheme.overrideThemeStyles = ({ rhythm }, options) => ({
  'h2,h3': {
    marginBottom: rhythm(1/2),
    marginTop: rhythm(2),
  }
})

const typography = new Typography(funstonTheme)

一个提示：如果你想学习盖茨比，跳过理解typography.js包。教程第3部分的重点是向您展示如何使用Gatsby插件来帮助您更快地开发。js程序包帮助您设置文本的样式。有成千上万的其他盖茨比插件，帮助你与其他东西。typography.js只是一个例子。也许你还不太关心这个，所以跳过这个包，使用默认的浏览器排版或简单的CSS类