Adding images is as simple as drag & drop. Spinal supports two ways to store your images.
You can either store your images right in your GitHub repository, linking to them relatively from your content. Or use Cloudinary. This will insert an absolute url to the image in your content.
For both GitHub and Cloudinary, you can add images in two ways:
- drag and drop the image into the text editor;
- when the text editor is in focus, paste an image from your clipboard.
Using GitHub #
There are two fields needed:
Path within content. This is the relative path that is needed for your static site generator to correctly locate the image for that content. For example:
Path in repo. This is where the image actually gets stored in your repository. It’s absolute from the root directory. Given the former example this could be:
Using Cloudinary #
You can also store your images directly on Cloudinary. This is great if you want them to do any transformations, etc. for you. When set up, images are directly stored in Cloudinary and a link to the image is added to your content.
You can find your credentials in the Cloudinary console.
You can also paste images from your clipboard into the editor.
Update alt attribute #
It’s good a11y-practice to add an alt attribute to your images. It also helps search crawlers understand what the image is about. By default the value will the image’s filename.
To update the alt attributes, select the Alt button in the bottom-left corner of the image. A modal shows, where you can edit the content. When done select OK.
Something still unclear? Reach out to support