我将Gatsby Material Starter套件用于个人项目(本质上是学习Ract和Gatsby)。 https://github.com/Vagr9K/gatsby-material-starter
我想要的设计是拥有一个不会在标题中呈现工具栏的主页(该工具栏包含汉堡导航列表)。该主页具有较大的正文和页脚,但没有页眉,即巨大的“英雄”。
经过数小时的布局和模板修改之后,必须有一种优雅的方法来实现此设计吗?有任何分享的指导或工作代码吗?
答案 0 :(得分:0)
Gatsby Material Starter中的所有页面都用MainLayout
component包装以提供一致的样式。
依次,MainLayout
使用Navigation
component来渲染NavigationDrawer
,同时将样式信息传递给它。
如果要更改固定的工具栏,则必须将其替换为react-md
中的Toolbar
和Drawer
组件。
注意:我不建议像这样学习ReactJS,因为GatsbyJS会增加额外的复杂性(特定于它),并且除非您有使用React的经验,否则很难轻松地定制启动器(或任何其他类似这样的预制项目)
免责声明:我是Gatsby Material Starter的作者。