本项目为 CoCoo Studio 官网工程。
Use Gatsby v3 static-site generation web framework
Use Tailwind CSS framework
-
修改网站域名、标题、添加 Gatsby 插件、添加 Gatsby 资源引用文件夹等 Gatsby 相关配置,请修改
/gatsby-config.js
。 -
添加页面请在
/src/pages/
目录下新建 js 文件,Gatsby 会自动处理路由。 -
tailwindcss 修改主题、插件、设置等请配置
/tailwind.config.js
。 -
已开启 tailwindcss 的 JIT 模式,添加常用数值的时候请优先扩展主题,特殊数值可直接使用 JIT 语法。
-
如需自定义 tailwindcss 里的样式名请配置
src/styles/global.css
。 -
开启 JIT 后自定义样式名会受到限制,查看文档,遇到限制时可使用
/src/components/style.module.css
代替。
-
Install dependencies.
Navigate into this site’s directory and install dependencies.
yarn install
-
Start developing.
yarn start
-
Open the code and start customizing!
Site is now running at http://localhost:8000!
Edit
src/pages/index.js
to see your site update in real-time! -
Learn more
Just push your commits to the github repo, website will be automatically deployed to the Gatsby Cloud