- Step 0: install gatsbyjs. See this https://www.gatsbyjs.com/docs/tutorial/getting-started/part-0/
- Step 1:
git clone https://github.com/ModelAtlasofTheEarth/website.git atlas-website.git
- Step 2:
cd atlas-website.git
and thennpm install --legacy-peer-deps
- Step 3:
npm run build
- Step 4:
gatsby develop
- Step 5: in web browser, go http://localhost:8000
https://websitemain60061.gatsbyjs.io
let's use https://github.com/ModelAtlasofTheEarth/website/tree/main/src/pages/contact as an example
This index.js file read in a list of markdown files and list them in a web page. Pay attention to the "template key" https://github.com/ModelAtlasofTheEarth/website/blob/71608bf3331d456fe542d73898ec2a9b47a1126e/src/pages/contact/index.js#L119
- We need to get some markdown files from Sara and Dan
Create a new folder https://github.com/ModelAtlasofTheEarth/website/blob/main/src/pages/models and put the markdown files in this folder
- Copy and modify index.js to make the web page work at http://localhost:8000/models/