Skip to content

Update cloudinary.md #312

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
phantomhell wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update cloudinary.md #312

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 8 additions & 1 deletion hugo/content/docs/media/cloudinary.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,13 @@ You will want to adjust your paths in the **Media** section to work with Cloudin
* **Public Path**: You will want to enter the full URL to your Cloudinary cloud. This will look something like `https://res.cloudinary.com/{{ CLOUD_NAME }}/image/upload/`.
* **Front Matter Path:** Activate the toggle in this section to use a different **public path** when inserting an image into front matter, and leave the value empty. This will allow you to easily insert URL transformations ([see below](#using-cloudinary-images)).

### For Jekyll users
Your media directory is:
* **Public Path:** `/image/upload/c_scale,w_auto:100,dpr_auto/`
* **Front Matter Path:** `/image/upload/`

Note: `image/upload` is your own directory (manually created) in Cloudinary.

### Applying transforms to markdown content

Your markdown content will not have any transforms applied by default. To apply transforms to all of your markdown images, you can use the **public path** and **front matter path** separately.
Expand Down Expand Up @@ -77,4 +84,4 @@ Using this approach, adding in one or more transformations is easy and transpare

{{% tip %}}
View Cloudinary's [image transformations documentation](https://cloudinary.com/documentation/image_transformations) to check out the wide array of things you can do with Cloudinary!
{{% /tip %}}
{{% /tip %}}