jekyll-cloudinary 1.1.0 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +38 -10
- data/lib/jekyll/cloudinary/version.rb +1 -1
- data/lib/jekyll/cloudinary.rb +9 -2
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ccd0b8fa58e43ef68c0f5abb5b54974b6c5e7fc0
|
|
4
|
+
data.tar.gz: bfc0d0d82dfd31822b0ff9d18aa4495167c620ca
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9d7e398b4644f245a19c777a73a86bd15d604e5739e7e30dc92c3dd0ca6362fdb1be88314862bacc9ba31401217f5e1caf2e2581399f939a6aa77b849c0d89ee
|
|
7
|
+
data.tar.gz: 273a2a4eb61ff108b6713b18c8b94b454cfc96f9eafb4be2a110cad35d9ccd227cf201eafddea482ec5f2ed145ea4eee91b5e90d8cdccded194a174ab8f2e9ee
|
data/README.md
CHANGED
|
@@ -6,6 +6,12 @@ It builds the HTML for responsive images in the posts, using the `srcset` and `s
|
|
|
6
6
|
|
|
7
7
|
You are in full control of the number of generated images and their size, and the `sizes` attribute that helps the browser decide which image to download. See the complete configuration options for details.
|
|
8
8
|
|
|
9
|
+
Here is the general syntax of this Liquid tag:
|
|
10
|
+
|
|
11
|
+
```liquid
|
|
12
|
+
{% cloudinary [preset] path/to/img.jpg [attr="value"] %}
|
|
13
|
+
```
|
|
14
|
+
|
|
9
15
|
## Using Jekyll Cloudinary
|
|
10
16
|
|
|
11
17
|
[Sign up for free on Cloudinary](http://cloudinary.com/invites/lpov9zyyucivvxsnalc5/sgyyc0j14k6p0sbt51nw). The free account should be enough for mosts blogs.
|
|
@@ -40,13 +46,17 @@ cloudinary:
|
|
|
40
46
|
verbose: true
|
|
41
47
|
```
|
|
42
48
|
|
|
43
|
-
#### `auto`
|
|
44
|
-
|
|
45
49
|
#### `verbose`
|
|
46
50
|
|
|
47
51
|
|
|
48
52
|
### Optional (but highly recommended) presets
|
|
49
53
|
|
|
54
|
+
You can now define the presets you need for your posts' images, starting with the default one:
|
|
55
|
+
|
|
56
|
+
#### Default preset
|
|
57
|
+
|
|
58
|
+
The default preset is the one you don't even have to mention when using the Liquid tag, and that will be used if a preset you use in the tag doesn't exist.
|
|
59
|
+
|
|
50
60
|
```yaml
|
|
51
61
|
cloudinary:
|
|
52
62
|
…
|
|
@@ -56,6 +66,30 @@ cloudinary:
|
|
|
56
66
|
max_size: 1600
|
|
57
67
|
steps: 5
|
|
58
68
|
sizes: "(min-width: 50rem) 50rem, 90vw"
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
This preset will generate five images 320 to 1600 pixels wide in the `srcset` and define `sizes` as `"(min-width: 50rem) 50rem, 90vw"`.
|
|
72
|
+
|
|
73
|
+
With this preset, you only have to write this in your Markdown post:
|
|
74
|
+
|
|
75
|
+
```liquid
|
|
76
|
+
{% cloudinary /assets/img.jpg %}
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
To get this HTML:
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
#### Additional presets
|
|
85
|
+
|
|
86
|
+
You can add other presets if you need several image sizes in your posts, here is an example for images that take only one third of the post width:
|
|
87
|
+
|
|
88
|
+
```yaml
|
|
89
|
+
cloudinary:
|
|
90
|
+
…
|
|
91
|
+
presets:
|
|
92
|
+
…
|
|
59
93
|
onethird:
|
|
60
94
|
min_size: 110
|
|
61
95
|
max_size: 535
|
|
@@ -75,17 +109,11 @@ cloudinary:
|
|
|
75
109
|
|
|
76
110
|
#### `attributes`
|
|
77
111
|
|
|
78
|
-
## Usage
|
|
79
|
-
|
|
80
|
-
This is the Liquid tag syntax:
|
|
81
|
-
|
|
82
|
-
```Liquid
|
|
83
|
-
{% cloudinary [preset] path/to/img.jpg [attr="value"] %}
|
|
84
|
-
```
|
|
85
112
|
|
|
86
113
|
## Examples
|
|
87
114
|
|
|
88
|
-
```
|
|
115
|
+
```liquid
|
|
89
116
|
{% cloudinary image1.jpg alt="alternate" %}
|
|
90
117
|
{% cloudinary onethird image2.jpg alt="other" title="yet another one" %}
|
|
91
118
|
```
|
|
119
|
+
|
data/lib/jekyll/cloudinary.rb
CHANGED
|
@@ -58,8 +58,15 @@ module Jekyll
|
|
|
58
58
|
end
|
|
59
59
|
|
|
60
60
|
# Get source image natural width
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
if File.exist?(image_path)
|
|
62
|
+
image = Magick::Image::read(image_path).first
|
|
63
|
+
natural_width = image.columns
|
|
64
|
+
else
|
|
65
|
+
natural_width = 100000
|
|
66
|
+
if settings['verbose']
|
|
67
|
+
puts "\n[Cloudinary] 'Couldn\'t find this image to check its width: #{image_path}"
|
|
68
|
+
end
|
|
69
|
+
end
|
|
63
70
|
|
|
64
71
|
if markup[:preset]
|
|
65
72
|
if settings['presets'][markup[:preset]]
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-cloudinary
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.1.
|
|
4
|
+
version: 1.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Nicolas Hoizey
|
|
@@ -72,7 +72,7 @@ files:
|
|
|
72
72
|
- lib/jekyll-cloudinary.rb
|
|
73
73
|
- lib/jekyll/cloudinary.rb
|
|
74
74
|
- lib/jekyll/cloudinary/version.rb
|
|
75
|
-
homepage:
|
|
75
|
+
homepage: https://nhoizey.github.io/jekyll-cloudinary/
|
|
76
76
|
licenses:
|
|
77
77
|
- MIT
|
|
78
78
|
metadata: {}
|