GTU, one of components of UltronEle product, is a UltronEle Gatsby Theme which can be installed as package in your own Gatsby site.
See the live demo, more info about this product is here
Two options:
- start from a UltronEle Starter
- integrated to your existing gatsby site while you're familiar to Gatsby development
To use this theme in your Gatsby sites, follow these instructions:
-
Install the theme
npm install --save gatsby-theme-ultronele
-
Add the theme to your
gatsby-config.js
:module.exports = { plugins: [ 'gatsby-theme-ultronele' ] }
-
Start your site
gatsby develop
- create
content
folder to hold your .md files - define
contentPath
property in your site gatsby-config.js under plugins section, if you dont usecontent
folder to hold your .md files - create
category
folder to hold course category and tutorials content
├── content
├── assets
├── imagefoldera
├── imagefolderb
├── category
├── coursetypea
├── tutoriala
├── 1-section.md
├── 2-section.md
├── 3-section.md
├── x-section.md
├── test.md # this file hold tutorial quiz questions
├── tutorialb
├── tutorialc
├── coursetypeb
├── coursetypec
├── pagea.md # first level navigation page of your site
├── pageb.md
├── pagec.md
├── paged.md