Deploying to GitHub Pages presented a series of challenges. Initially, the blog images that displayed correctly locally were not appearing when deployed. My troubleshooting process included several steps:
-
Validation: I first checked to ensure the SVG file was valid.
-
Configuration Adjustment: Added a
.nojekyll
file to bypass Jekyll processing, suspecting it might interfere with the rendering. -
Direct Link Test: Attempted to access the image via a direct link from GitHub Pages to isolate the issue, which helped identify additional web-related issues.
-
Despite these efforts, the images still did not display correctly when linked through an
img
tag. The solution involved removing theimg
tag and directly embedding the SVG code into the HTML, followed by applying the necessary CSS styling. This method finally allowed the images to display correctly on the deployed site.