I am trying to make a portfolio and have been struggling for hours to get the images to show on the deployed github pages website. This is how I am embedding the images:
function HomePage() { const projects = [ { id: 1, name: 'Cone Map', description: 'Generated a cone map... ', imagePath: 'cone_map.png' }...
I have tried slash in front, no slash, dot slash, the github link to the image, and the complete path. None of them worked when I deploy the website, the images showed fine locally with just a slash in front. The images are uploaded to github.
Btw the way I got the website to deploy was by changing the build folder’s name to docs since it was the only directory name available to choose.