jekyll-assets 1.0.0 → 2.0.0.pre.beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/Gemfile +10 -10
- data/LICENSE +16 -18
- data/README.md +94 -554
- data/Rakefile +2 -8
- data/lib/jekyll/assets.rb +18 -12
- data/lib/jekyll/assets/cached.rb +12 -0
- data/lib/jekyll/assets/configuration.rb +43 -87
- data/lib/jekyll/assets/context.rb +23 -0
- data/lib/jekyll/assets/env.rb +181 -0
- data/lib/jekyll/assets/extras/es6.rb +5 -0
- data/lib/jekyll/assets/extras/font-awesome.rb +1 -0
- data/lib/jekyll/assets/extras/helpers.rb +6 -0
- data/lib/jekyll/assets/extras/prefix.rb +5 -0
- data/lib/jekyll/assets/filters.rb +9 -11
- data/lib/jekyll/assets/helpers.rb +37 -0
- data/lib/jekyll/assets/hook.rb +45 -0
- data/lib/jekyll/assets/hooks/post_read.rb +3 -0
- data/lib/jekyll/assets/hooks/post_write.rb +3 -0
- data/lib/jekyll/assets/logger.rb +25 -0
- data/lib/jekyll/assets/patches/jekyll/cleaner.rb +11 -0
- data/lib/jekyll/assets/patches/jekyll/site.rb +5 -0
- data/lib/jekyll/assets/patches/sprockets/asset.rb +13 -0
- data/lib/jekyll/assets/tag.rb +136 -9
- data/lib/jekyll/assets/tag/parser.rb +129 -0
- data/lib/jekyll/assets/tag/proxied_asset.rb +84 -0
- data/lib/jekyll/assets/tag/proxies.rb +86 -0
- data/lib/jekyll/assets/tag/proxies/magick.rb +101 -0
- data/lib/jekyll/assets/version.rb +1 -1
- metadata +59 -149
- data/.gitignore +0 -27
- data/.rspec +0 -1
- data/.rubocop.yml +0 -43
- data/.rubocop_todo.yml +0 -10
- data/.travis.yml +0 -16
- data/.yardopts +0 -1
- data/Appraisals +0 -7
- data/Guardfile +0 -7
- data/HISTORY.md +0 -297
- data/gemfiles/jekyll_2.gemfile +0 -17
- data/gemfiles/jekyll_3.gemfile +0 -17
- data/jekyll-assets.gemspec +0 -34
- data/lib/jekyll-assets.rb +0 -2
- data/lib/jekyll/assets/asset_path.rb +0 -39
- data/lib/jekyll/assets/environment.rb +0 -62
- data/lib/jekyll/assets/patches.rb +0 -1
- data/lib/jekyll/assets/patches/asset_patch.rb +0 -102
- data/lib/jekyll/assets/patches/bundled_asset_patch.rb +0 -16
- data/lib/jekyll/assets/patches/context_patch.rb +0 -31
- data/lib/jekyll/assets/patches/index_patch.rb +0 -25
- data/lib/jekyll/assets/patches/processed_asset_patch.rb +0 -59
- data/lib/jekyll/assets/patches/site_patch.rb +0 -62
- data/lib/jekyll/assets/renderer.rb +0 -122
- data/spec/fixtures/.gitignore +0 -2
- data/spec/fixtures/.jekyll-metadata +0 -0
- data/spec/fixtures/_assets/alert.js +0 -1
- data/spec/fixtures/_assets/app.css.erb +0 -5
- data/spec/fixtures/_assets/app.js +0 -1
- data/spec/fixtures/_assets/app.min.css +0 -0
- data/spec/fixtures/_assets/app.min.js +0 -0
- data/spec/fixtures/_assets/fonts/vapor.eot +0 -0
- data/spec/fixtures/_assets/fonts/vapor.svg +0 -0
- data/spec/fixtures/_assets/fonts/vapor.ttf +0 -0
- data/spec/fixtures/_assets/fonts/vapor.woff +0 -0
- data/spec/fixtures/_assets/lib/relative.css.scss +0 -12
- data/spec/fixtures/_assets/noise.png +0 -0
- data/spec/fixtures/_assets/noize.png +0 -0
- data/spec/fixtures/_assets/should_be_blank.css.erb +0 -1
- data/spec/fixtures/_assets/should_fail.css.erb +0 -1
- data/spec/fixtures/_assets/vapor.css.scss +0 -13
- data/spec/fixtures/_assets/vapor.js +0 -2
- data/spec/fixtures/_assets/vendor/with_bootstrap.css.sass +0 -1
- data/spec/fixtures/_assets/vendor/with_bourbon.css.sass +0 -4
- data/spec/fixtures/_assets/vendor/with_compass.css.sass +0 -4
- data/spec/fixtures/_assets/vendor/with_neat.css.sass +0 -5
- data/spec/fixtures/_assets/wowscript.js +0 -0
- data/spec/fixtures/_assets/wowstyle.css +0 -0
- data/spec/fixtures/_config.yml +0 -2
- data/spec/fixtures/_layouts/default.html +0 -9
- data/spec/fixtures/_posts/2012-10-19-hello-world.md +0 -6
- data/spec/fixtures/_posts/2015-02-02-duplicates.md +0 -8
- data/spec/fixtures/index.html +0 -0
- data/spec/lib/jekyll/assets/configuration_spec.rb +0 -172
- data/spec/lib/jekyll/assets/environment_spec.rb +0 -18
- data/spec/lib/jekyll/assets/filters_spec.rb +0 -112
- data/spec/lib/jekyll/assets/patches/site_patch_spec.rb +0 -176
- data/spec/lib/jekyll/assets/renderer_spec.rb +0 -286
- data/spec/lib/jekyll/assets/tag_spec.rb +0 -139
- data/spec/spec_helper.rb +0 -58
- data/spec/support/fixtures_helpers.rb +0 -7
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b9e0ba8666a5456c4cad0827a4d99fd850a68089
|
4
|
+
data.tar.gz: b60f463be255a335521d03e7202087833198b83e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3d2930e11fdb9669d239ed370ab22a5d04430961434cd29af23448e8643d839804e92dcb51c251a11478b3014468b2c3b964eef69f6b5c10ca572302614e55bc
|
7
|
+
data.tar.gz: b52a71fe9a67787b55987d8879af857a2eb99e6f733d468af6450931fcdb7a7780f2259cec160f72955b9036eb777ae4635816e95b51d309967dcffe65053ba0
|
data/Gemfile
CHANGED
@@ -1,16 +1,16 @@
|
|
1
1
|
source "https://rubygems.org"
|
2
|
+
gemspec
|
2
3
|
|
4
|
+
gem "rake"
|
3
5
|
group :development do
|
4
|
-
gem "
|
5
|
-
gem "
|
6
|
-
gem "rspec"
|
7
|
-
gem "appraisal"
|
8
|
-
|
6
|
+
gem "pry"
|
7
|
+
gem "therubyracer", :platforms => :mri
|
9
8
|
gem "guard-rspec"
|
10
|
-
|
11
|
-
gem "coveralls", :require => false
|
12
|
-
gem "simplecov", :require => false
|
9
|
+
gem "guard"
|
13
10
|
end
|
14
11
|
|
15
|
-
|
16
|
-
|
12
|
+
gem "sprockets-es6", "~> 0.6"
|
13
|
+
gem "autoprefixer-rails", "~> 6.0"
|
14
|
+
gem "font-awesome-sass", "~> 4.4.0"
|
15
|
+
gem "mini_magick", "~> 4.2"
|
16
|
+
gem "uglifier"
|
data/LICENSE
CHANGED
@@ -1,22 +1,20 @@
|
|
1
1
|
Copyright (c) 2012-2013 Aleksey V Zapparov (http://ixti.net/)
|
2
|
+
Copyright (c) 2015 Jordon Bedwell (https://envygeeks.io)
|
2
3
|
|
3
|
-
|
4
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
5
|
+
of this software and associated documentation files (the "Software"), to deal
|
6
|
+
in the Software without restriction, including without limitation the rights
|
7
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
8
|
+
copies of the Software, and to permit persons to whom the Software is
|
9
|
+
furnished to do so, subject to the following conditions:
|
4
10
|
|
5
|
-
|
6
|
-
|
7
|
-
"Software"), to deal in the Software without restriction, including
|
8
|
-
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
-
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
-
permit persons to whom the Software is furnished to do so, subject to
|
11
|
-
the following conditions:
|
11
|
+
The above copyright notice and this permission notice shall be included in all
|
12
|
+
copies or substantial portions of the Software.
|
12
13
|
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
-
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
-
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
14
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
15
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
16
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
17
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
18
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
19
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
20
|
+
SOFTWARE.
|
data/README.md
CHANGED
@@ -1,598 +1,138 @@
|
|
1
|
-
|
1
|
+
[](https://travis-ci.org/jekyll-assets/jekyll-assets) [](https://coveralls.io/r/jekyll-assets/jekyll-assets) [](https://codeclimate.com/github/jekyll-assets/jekyll-assets) [](https://gemnasium.com/jekyll-assets/jekyll-assets)
|
2
2
|
|
3
|
-
[](http://badge.fury.io/rb/jekyll-assets)
|
4
|
-
[](http://travis-ci.org/jekyll-assets/jekyll-assets)
|
5
|
-
[](https://gemnasium.com/jekyll-assets/jekyll-assets)
|
6
|
-
[](https://codeclimate.com/github/jekyll-assets/jekyll-assets)
|
7
|
-
[](https://coveralls.io/r/jekyll-assets/jekyll-assets?branch=master)
|
8
3
|
|
9
|
-
|
4
|
+
## Are you looking for the docs for Jekyll Assets < 2.0.0?
|
10
5
|
|
11
|
-
|
12
|
-
CoffeeScript, Sass, Less and ERB.
|
13
|
-
- It allows you to specify dependencies between your assets and automatically
|
14
|
-
concatenates them.
|
15
|
-
- It allows you to minify/compress your JavaScript and CSS assets using
|
16
|
-
compressor you like: YUI, SASS, Uglifier or no compression at all.
|
17
|
-
- It supports JavaScript templates for client-side rendering of strings or
|
18
|
-
markup. JavaScript templates have the special format extension `.jst` and are
|
19
|
-
compiled to JavaScript functions.
|
20
|
-
- Adds MD5 fingerprint suffix for _cache busting_. That means your `app.css`
|
21
|
-
will become `app-908e25f4bf641868d8683022a5b62f54.css`. See `cachebust`
|
22
|
-
configuration option for other variants.
|
23
|
-
- Produce gzipped versions of assets. See `gzip` configuration option for
|
24
|
-
details.
|
6
|
+
See: https://github.com/jekyll-assets/jekyll-assets/tree/legacy#jekyllassets
|
25
7
|
|
26
|
-
|
27
|
-
[bourbon]: http://bourbon.io/
|
28
|
-
[neat]: http://neat.bourbon.io/
|
29
|
-
[autoprefixer]: https://github.com/postcss/autoprefixer
|
30
|
-
[rails_assets]: https://rails-assets.org/
|
8
|
+
# Jekyll 3 Assets
|
31
9
|
|
32
|
-
Jekyll
|
33
|
-
|
34
|
-
|
10
|
+
Jekyll 3 assets is an asset pipeline using Sprockets 3 to build especially
|
11
|
+
for Jekyll 3. It utilizes new features of both Sprockets and Jekyll to achieve
|
12
|
+
a clean and extensible assets platform for Jekyll.
|
35
13
|
|
36
|
-
|
37
|
-
CoffeeScript.
|
38
|
-
|
39
|
-
|
40
|
-
[rails-guide]: http://guides.rubyonrails.org/asset_pipeline.html
|
41
|
-
[sprockets]: https://github.com/sstephenson/sprockets#readme
|
42
|
-
[extjs]: https://github.com/sstephenson/execjs#readme
|
43
|
-
|
44
|
-
For a quick start check out [jekyll-assets introduction][jekyll-assets-intro]
|
45
|
-
that shows how to use it step by step. Also you might want to take a look on
|
46
|
-
[my blog sources][ixti-blog-src] as a real-world example as well.
|
47
|
-
|
48
|
-
[jekyll-assets-intro]: http://ixti.net/software/2012/12/30/unleash-mr-hyde-introduction-of-jekyll-assets.html
|
49
|
-
[ixti-blog-src]: https://github.com/ixti/ixti.github.com
|
50
|
-
|
51
|
-
|
52
|
-
## Installation
|
53
|
-
|
54
|
-
Add this line to your application's Gemfile:
|
55
|
-
|
56
|
-
gem 'jekyll-assets'
|
57
|
-
|
58
|
-
And then execute:
|
59
|
-
|
60
|
-
$ bundle
|
61
|
-
|
62
|
-
Or install it yourself as:
|
63
|
-
|
64
|
-
$ gem install jekyll-assets
|
65
|
-
|
66
|
-
|
67
|
-
## How to Use Jekyll-Assets
|
68
|
-
|
69
|
-
First of all make sure to require it. Common practice is to add following line
|
70
|
-
into `_plugins/ext.rb` file:
|
71
|
-
|
72
|
-
``` ruby
|
73
|
-
require "jekyll-assets"
|
74
|
-
```
|
75
|
-
|
76
|
-
Once plugin installed, you'll have following Liquid tags available:
|
77
|
-
|
78
|
-
- `{% javascript app %}`: Generates `<script>` tag for `app.js`
|
79
|
-
- `{% stylesheet app %}`: Generates `<link>` tag for `app.css`
|
80
|
-
- `{% image logo.png %}`: Generates `<img>` tag for `logo.png`
|
81
|
-
- `{% asset_path logo.png %}`: Returns _resulting_ URL for `logo.png`
|
82
|
-
- `{% asset app.css %}`: Returns _compiled_ body of `app.css`
|
83
|
-
|
84
|
-
You can pass extra attributes to `javascript`, `stylesheet` and `image` tags:
|
85
|
-
|
86
|
-
``` html
|
87
|
-
{% image logo.png alt="Logo" %}
|
88
|
-
{% javascript app async %}
|
89
|
-
{% stylesheet app actually="anything" you might='want' %}
|
90
|
-
|
91
|
-
<!-- renders to something like this (linebreaks in tags for readability here) -->
|
92
|
-
|
93
|
-
<img src="/assets/logo-68b329da9893e34099c7d8ad5cb9c940.png" alt="Logo">
|
94
|
-
<script src="/assets/app-6b95b1b3231c52113ca34ae9d1b5dabf.js" async></script>
|
95
|
-
<link rel="stylesheet" href="/assets/app-349212fba570137adfec745e37b6d7fb.css"
|
96
|
-
actually="anything" you might='want'>
|
97
|
-
|
98
|
-
<!-- NOTICE !!! if your asset file contains spaces, surround it's name with quotes -->
|
99
|
-
|
100
|
-
{% asset_path "my logo.png" %}
|
101
|
-
{% asset_path 'my logo.png' %}
|
102
|
-
```
|
103
|
-
|
104
|
-
Also you'll have complimentary Liquid filters as well:
|
105
|
-
|
106
|
-
- `{{ 'app' | javascript }}`: Generates `<script>` tag for `app.js`
|
107
|
-
- `{{ 'app' | stylesheet }}`: Generates `<link>` tag for `app.css`
|
108
|
-
- `{{ 'logo.png' | image }}`: Generates `<img>` tag for `logo.png`
|
109
|
-
- `{{ 'logo.png' | asset_path }}`: Returns _resulting_ URL for `logo.png`
|
110
|
-
- `{{ 'app.css' | asset }}`: Returns _compiled_ body of `app.css`
|
111
|
-
|
112
|
-
Filters are used mostly to render tag (or asset source) using variable that
|
113
|
-
holds value of asset logical path rather than specifiyng it directly. Here's
|
114
|
-
an example that speaks for itself:
|
115
|
-
|
116
|
-
```
|
117
|
-
{% if page.custom_css %}{{ page.custom_css | stylesheet }}{% endif %}
|
118
|
-
```
|
119
|
-
|
120
|
-
All compiled assets will be stored under `assets/` dir of generated site.
|
121
|
-
|
122
|
-
Pipeline assets should be under your sources directory of Jekyll site. When a
|
123
|
-
file is referenced with liquid tag or with helper from another asset, Sprockets
|
124
|
-
searches the three default asset locations for it: `_assets/images`,
|
125
|
-
`_assets/javascripts` and `_assets/stylesheets`.
|
126
|
-
|
127
|
-
For example these files:
|
128
|
-
|
129
|
-
```
|
130
|
-
_assets/stylesheets/app.css
|
131
|
-
_assets/javascripts/app.js
|
132
|
-
_assets/javascripts/vendor/jquery.js
|
133
|
-
```
|
134
|
-
|
135
|
-
would be referenced like this:
|
136
|
-
|
137
|
-
``` html
|
138
|
-
{% stylesheet app %}
|
139
|
-
{% javascript app %}
|
140
|
-
{% javascript vendor/jquery %}
|
141
|
-
```
|
142
|
-
|
143
|
-
You might want to require `vendor/jquery.js` into your `app.js`. To do so, just
|
144
|
-
put following line in the beginning of your `app.js` to get it concatenated:
|
145
|
-
|
146
|
-
``` javascript
|
147
|
-
//= require vendor/jquery
|
148
|
-
|
149
|
-
$(function () {
|
150
|
-
alert('I love BIG BOOKS!');
|
151
|
-
});
|
152
|
-
```
|
153
|
-
|
154
|
-
If you want to use CoffeScript, just add `.coffee` suffix to the file you want
|
155
|
-
and you're good to go. For example, here's how your `app.js.coffe` might look
|
156
|
-
like:
|
157
|
-
|
158
|
-
``` coffeescript
|
159
|
-
#= require vendor/jquery
|
160
|
-
|
161
|
-
$ ->
|
162
|
-
alert 'I love BIG BOOKS! And small ones too!'
|
163
|
-
```
|
164
|
-
|
165
|
-
Notice, that `vendor/jquery` is not required to be coffee script. You can easily
|
166
|
-
mix CoffeeScript and vanilla JavaScript, CSS and SCSS and SASS and LESS. The
|
167
|
-
difference is only in comments styles used with _directives_.
|
168
|
-
|
169
|
-
See detailed information about these _directives_ below.
|
170
|
-
|
171
|
-
You might also want your stylesheets and javascripts to be minified. In this
|
172
|
-
case just install the `uglifier` gem and any other gems you will be using, e.g.
|
173
|
-
`sass`, `coffee-script`. Then add following lines into your `config.yml`:
|
174
|
-
|
175
|
-
``` yaml
|
176
|
-
assets:
|
177
|
-
js_compressor: uglifier
|
178
|
-
css_compressor: sass
|
179
|
-
```
|
180
|
-
|
181
|
-
If you want to use YUI compressor for minification, install `yui-compressor`
|
182
|
-
gem and put `yui` in place of `uglifier` and/or `sass` in the config file.
|
183
|
-
You can also define and use your own compressor, see "Custom Compressors".
|
184
|
-
|
185
|
-
Let's go crazy now! Assume you want your blog's `body` background color to be
|
186
|
-
white all the time, but red if you compiled your web-site in December. Just add
|
187
|
-
`.erb` suffix extension and you can use ruby in your asset like this:
|
188
|
-
|
189
|
-
```
|
190
|
-
// file: _assets/stylesheets/app.css.sass.erb
|
191
|
-
|
192
|
-
body
|
193
|
-
background-color: <%= (12 == Date.today.month) ? "red" : "white" %>
|
194
|
-
```
|
195
|
-
|
196
|
-
Want more? Sure, here you are. You can use JavaScript templating with EJS or ECO
|
197
|
-
for example. Create a file `_assets/javascripts/hello.jst.ejs` with following
|
198
|
-
contents:
|
199
|
-
|
200
|
-
``` html
|
201
|
-
<p>Hello, <span><%= name %></span>!</p>
|
202
|
-
<p><%= info %></p>
|
203
|
-
```
|
204
|
-
|
205
|
-
Then use it in your `app.js` file like this:
|
206
|
-
|
207
|
-
``` coffeescript
|
208
|
-
#= require vendor/jquery
|
209
|
-
#= require hello
|
210
|
-
|
211
|
-
$ ->
|
212
|
-
$("body").html JST["hello"]
|
213
|
-
name: "ixti"
|
214
|
-
info: "I love BIG BOOKS! And small ones too!"
|
215
|
-
```
|
216
|
-
|
217
|
-
Finally, you might want to store your assets on [Amazon S3][amazon-s3] or any
|
218
|
-
CDN service you like. As said previously, all compiled/processed assets got
|
219
|
-
special MD5 checksum appended to their original filenames. So, for example,
|
220
|
-
your `app.js.coffee` will become something like:
|
221
|
-
|
222
|
-
app-4f41243847da693a4f356c0486114bc6.js
|
223
|
-
|
224
|
-
By default, generated URLs will have `/assets/` prefixes, but you will want to
|
225
|
-
change this if you are going to host assets somewhere else. This can be easily
|
226
|
-
changed via configuration:
|
14
|
+
## Configuration
|
227
15
|
|
228
|
-
```
|
16
|
+
```yaml
|
229
17
|
assets:
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
apropriate attributes set:
|
241
|
-
|
242
|
-
``` html
|
243
|
-
{% image logo.png alt="Logo" [autosize] %}
|
244
|
-
|
245
|
-
<!-- assuming logo.png is 50x50, the above will render -->
|
246
|
-
|
247
|
-
<img src="/assets/logo-68b329da9893e34099c7d8ad5cb9c940.png" alt="Logo"
|
248
|
-
width="50" height="50">
|
18
|
+
cache: false | directory | default: .asset-cache
|
19
|
+
cdn: https://cdn.example.com
|
20
|
+
skip_prefix_with_cdn: false
|
21
|
+
prefix: "/assets"
|
22
|
+
assets:
|
23
|
+
- "*.png"
|
24
|
+
- "bundle.css"
|
25
|
+
digest: true
|
26
|
+
sources:
|
27
|
+
- "_assets/folder"
|
249
28
|
```
|
250
29
|
|
251
|
-
|
252
|
-
below). In this case, `image` tag will alway render dimension attributes unless
|
253
|
-
you specify `no-autosize` switch. Assume you have `autosize` option enabled in
|
254
|
-
config, then:
|
30
|
+
## Asset Digesting
|
255
31
|
|
256
|
-
|
257
|
-
|
258
|
-
{% image logo.png %}
|
32
|
+
* Disable digesting by default in development.
|
33
|
+
* Digest by default in production
|
259
34
|
|
260
|
-
|
35
|
+
***You can force digesting with `digest: true` in your `_config.yml`***
|
261
36
|
|
262
|
-
|
263
|
-
<img src="/assets/logo-68b329da9893e34099c7d8ad5cb9c940.png"
|
264
|
-
width="50" height="50">
|
265
|
-
```
|
37
|
+
## ERB Support
|
266
38
|
|
267
|
-
|
39
|
+
ERB Support is removed in favor of trying to get this included on Github Pages
|
40
|
+
eventually (if I can.) Having ERB presents a security risk to Github because it
|
41
|
+
would allow you to use Ruby in ways they don't want you to.
|
268
42
|
|
269
|
-
|
270
|
-
If given the image will be resized to the appropriate dimensions.
|
43
|
+
## Tags
|
271
44
|
|
272
|
-
|
273
|
-
|
45
|
+
* stylesheet, css, style
|
46
|
+
* javascript, js
|
47
|
+
* image, img
|
48
|
+
* asset_path
|
274
49
|
|
275
|
-
|
276
|
-
<img src="/assets/logo-50x50-68b329da9893e34099c7d8ad5cb9c940.png">
|
277
|
-
```
|
50
|
+
### Tag Example:
|
278
51
|
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
{% image huge-logo.png [resize:50x50, autosize] %}
|
283
|
-
|
284
|
-
<!-- Will be rendered like: -->
|
285
|
-
<img src="/assets/logo-50x50-68b329da9893e34099c7d8ad5cb9c940.png" width="50" height="50">
|
52
|
+
```liquid
|
53
|
+
{% img src magick:2x alt:'This is my alt' %}
|
54
|
+
{% img src magick:2x alt:'This is my alt' sprockets:accept:image/gif %}
|
286
55
|
```
|
287
56
|
|
288
|
-
|
289
|
-
format that imagemagick understands: [Resize documentation][resize-doc].
|
290
|
-
|
291
|
-
More examples:
|
292
|
-
``` html
|
293
|
-
{% image image.png [resize:400x400] %} <!-- Fit whole image in these dimensions -->
|
294
|
-
{% image image.png [resize:!300x150] %} <!-- Ignore aspect ratio -->
|
295
|
-
{% image image.png [resize:200%] %} <!-- Resize by percentage -->
|
296
|
-
{% image image.png [resize:500@] %} <!-- Resize to specific pixel count -->
|
297
|
-
{% image image.png [resize:200x100^] %} <!-- Resize to fill area -->
|
298
|
-
{% image image.png [resize:<200x10] %} <!-- Only enlarge small image -->
|
299
|
-
{% image image.png [resize:>200x10] %} <!-- Only shrink large image -->
|
300
|
-
```
|
57
|
+
### What do the colons mean? Proxies/Tags
|
301
58
|
|
302
|
-
|
59
|
+
* `argument` is a boolean HTML argument.
|
60
|
+
* `key:value` is an HTML key="value" if no proxy exists.
|
61
|
+
* `proxy:key:value` will set a proxy key with the given value.
|
62
|
+
* `proxy:key` is a boolean argument if the proxy and key exists.
|
63
|
+
* `unknown:key:value` will raise `DoubleColonError`, escape it.
|
64
|
+
* `proxy:unknown:value` will raise a `UnknownProxyError`.
|
303
65
|
|
304
|
-
|
66
|
+
Lets say we have `sprockets` proxies and sprockets allows you to proxy accept,
|
67
|
+
if you send `{% img src sprockets:accept:image/gif }` then Sprockets find_asset
|
68
|
+
will get `{ :accept => "image/gif" }` but if you try to proxy "unknown" on
|
69
|
+
sprockets we will raise a Proxy error. For more information then look at
|
70
|
+
`parser_spec.rb` in the spec folder because it literally lays out the ground
|
71
|
+
rules for our tags as a specification.
|
305
72
|
|
306
|
-
|
307
|
-
not satisfied with default settings. For example you want to strip all comments
|
308
|
-
but copyrights info. In this case you can define and use your own compressor.
|
73
|
+
### Current Proxies:
|
309
74
|
|
310
|
-
|
75
|
+
* `sprockets:accept:<value>` - Tell Sprockets your preferred content type.
|
76
|
+
* `sprockets:write_to:<value>` - The filename you wish us to write your file to.
|
77
|
+
* `magick:resize:<value>` - Takes standard ImageMagick resize values.
|
78
|
+
* `magick:format:<value>` - Takes standard ImageMagick format values.
|
79
|
+
* `magick:rotate:<value>` - Takes standard ImageMagick resize values.
|
80
|
+
* `magick:crop:<value>` - Takes standard ImageMagick crop values.
|
81
|
+
* `magick:flip:<value>` - Takes standard ImageMagick flip values.
|
82
|
+
* `magick:2x` - Tells us to write a double width/height image.
|
83
|
+
* `magick:4x` - Tells us to write a quadruple width/height image.
|
84
|
+
* `magick:half` - Tells us to shrink the image to half.
|
311
85
|
|
312
|
-
|
313
|
-
require "jekyll-assets"
|
314
|
-
require "sprockets"
|
315
|
-
|
316
|
-
Sprockets.register_compressor 'application/javascript',
|
317
|
-
:my_uglifier, Uglifier.new(:comments => :copyright)
|
318
|
-
```
|
86
|
+
## Filters
|
319
87
|
|
320
|
-
|
88
|
+
There is a full suite of filters, actually, any tag and any proxy can be a
|
89
|
+
filter by way of filter arguments, take the following example:
|
321
90
|
|
322
|
-
```
|
323
|
-
|
324
|
-
js_compressor: my_uglifier
|
91
|
+
```liquid
|
92
|
+
{{ src | img : "magick:2x" }}
|
325
93
|
```
|
326
94
|
|
95
|
+
## Hooks
|
327
96
|
|
328
|
-
|
97
|
+
* `:env => [
|
98
|
+
:pre_init, :post_init
|
99
|
+
]`
|
329
100
|
|
330
|
-
|
101
|
+
You can register and trigger hooks like so:
|
331
102
|
|
332
|
-
```
|
333
|
-
|
334
|
-
|
103
|
+
```ruby
|
104
|
+
Jekyll::Assets::Hook.trigger :env, :post_init
|
105
|
+
Jekyll::Assets::Hook.register :env, :post_init do
|
106
|
+
# Your Work
|
107
|
+
end
|
335
108
|
```
|
336
109
|
|
337
|
-
|
338
|
-
of your jekyl site. If you want to use different location specify it instead of
|
339
|
-
`true`, in this case it should be an absolute path or path relative to source
|
340
|
-
path of your jekyl site.
|
341
|
-
|
342
|
-
|
343
|
-
## Custom Vendors
|
344
|
-
|
345
|
-
Sometimes you would like to have some 3rd-party vendors. For this purposes,
|
346
|
-
normally all you have to do is to override default assets sources in config:
|
347
|
-
|
348
|
-
``` yaml
|
349
|
-
assets:
|
350
|
-
sources:
|
351
|
-
- _assets/images
|
352
|
-
- _assets/javascripts
|
353
|
-
- _assets/stylesheets
|
354
|
-
- _vendors/bootstrap/stylesheets
|
355
|
-
- _vendors/bootstrap/javascripts
|
356
|
-
```
|
357
|
-
|
358
|
-
But sometimes this is not enough. For example, with compass. As jekyll-assets
|
359
|
-
uses Sprockets internally, you can simply append "global" paths into it. Just
|
360
|
-
add following line into your `_plugins/ext.rb` file:
|
361
|
-
|
362
|
-
``` ruby
|
363
|
-
require "sprockets"
|
364
|
-
|
365
|
-
Sprockets.append_path "/my/vendor"
|
366
|
-
```
|
367
|
-
|
368
|
-
That's it, now jekyll-assets will try to look for assets inside `/my/vendor`
|
369
|
-
path first.
|
370
|
-
|
371
|
-
|
372
|
-
## The Directive Processor
|
373
|
-
|
374
|
-
*Note:* This section extracted from [Sprockets][sprockets] README.
|
375
|
-
|
376
|
-
Sprockets runs the *directive processor* on each CSS and JavaScript
|
377
|
-
source file. The directive processor scans for comment lines beginning
|
378
|
-
with `=` in comment blocks at the top of the file.
|
379
|
-
|
380
|
-
//= require jquery
|
381
|
-
//= require jquery-ui
|
382
|
-
//= require backbone
|
383
|
-
//= require_tree .
|
384
|
-
|
385
|
-
The first word immediately following `=` specifies the directive
|
386
|
-
name. Any words following the directive name are treated as
|
387
|
-
arguments. Arguments may be placed in single or double quotes if they
|
388
|
-
contain spaces, similar to commands in the Unix shell.
|
389
|
-
|
390
|
-
**Note**: Non-directive comment lines will be preserved in the final
|
391
|
-
asset, but directive comments are stripped after
|
392
|
-
processing. Sprockets will not look for directives in comment blocks
|
393
|
-
that occur after the first line of code.
|
394
|
-
|
110
|
+
## Optional Processing Engines
|
395
111
|
|
396
|
-
|
112
|
+
* ES6 Transpiler (through Babel) - add "sprockets-es6" to your Gemfile.
|
113
|
+
* CSS Auto Prefixer - add "autoprefixer-rails" to your Gemfile.
|
397
114
|
|
398
|
-
|
115
|
+
***Please note that some of these (if not all) have trouble with Rhino --
|
116
|
+
`therubyrhino` so you would probably be best to just use Node.js or io.js at
|
117
|
+
that point rather than trying to fight it.***
|
399
118
|
|
400
|
-
|
401
|
-
*= require foo
|
402
|
-
*/
|
119
|
+
### Engine Settings
|
403
120
|
|
404
|
-
|
405
|
-
//= require foo
|
121
|
+
Some engines take settings, if they do you can add them like so:
|
406
122
|
|
407
|
-
|
408
|
-
#= require foo
|
409
|
-
|
410
|
-
|
411
|
-
### Sprockets Directives
|
412
|
-
|
413
|
-
You can use the following directives to declare dependencies in asset
|
414
|
-
source files.
|
415
|
-
|
416
|
-
For directives that take a *path* argument, you may specify either a
|
417
|
-
logical path or a relative path. Relative paths begin with `./` and
|
418
|
-
reference files relative to the location of the current file.
|
419
|
-
|
420
|
-
#### The `require` Directive
|
421
|
-
|
422
|
-
`require` *path* inserts the contents of the asset source file
|
423
|
-
specified by *path*. If the file is required multiple times, it will
|
424
|
-
appear in the bundle only once.
|
425
|
-
|
426
|
-
#### The `include` Directive
|
427
|
-
|
428
|
-
`include` *path* works like `require`, but inserts the contents of the
|
429
|
-
specified source file even if it has already been included or
|
430
|
-
required.
|
431
|
-
|
432
|
-
#### The `require_directory` Directive
|
433
|
-
|
434
|
-
`require_directory` *path* requires all source files of the same
|
435
|
-
format in the directory specified by *path*. Files are required in
|
436
|
-
alphabetical order.
|
437
|
-
|
438
|
-
#### The `require_tree` Directive
|
439
|
-
|
440
|
-
`require_tree` *path* works like `require_directory`, but operates
|
441
|
-
recursively to require all files in all subdirectories of the
|
442
|
-
directory specified by *path*.
|
443
|
-
|
444
|
-
#### The `require_self` Directive
|
445
|
-
|
446
|
-
`require_self` tells Sprockets to insert the body of the current
|
447
|
-
source file before any subsequent `require` or `include` directives.
|
448
|
-
|
449
|
-
#### The `depend_on` Directive
|
450
|
-
|
451
|
-
`depend_on` *path* declares a dependency on the given *path* without
|
452
|
-
including it in the bundle. This is useful when you need to expire an
|
453
|
-
asset's cache in response to a change in another file.
|
454
|
-
|
455
|
-
#### The `stub` Directive
|
456
|
-
|
457
|
-
`stub` *path* allows dependency to be excluded from the asset bundle.
|
458
|
-
The *path* must be a valid asset and may or may not already be part
|
459
|
-
of the bundle. Once stubbed, it is blacklisted and can't be brought
|
460
|
-
back by any other `require`.
|
461
|
-
|
462
|
-
|
463
|
-
## Configuration
|
464
|
-
|
465
|
-
You can fine-tune configuration by editing your `_config.yml`:
|
466
|
-
|
467
|
-
``` yaml
|
468
|
-
#
|
469
|
-
# Plugin: jekyll-assets
|
470
|
-
#
|
123
|
+
```YAML
|
471
124
|
assets:
|
472
|
-
|
473
|
-
|
474
|
-
|
475
|
-
#
|
476
|
-
dirname: assets
|
477
|
-
#
|
478
|
-
# Base URL of assets paths.
|
479
|
-
#
|
480
|
-
baseurl: /assets/
|
481
|
-
#
|
482
|
-
# Pathnames where to find assets relative to the root of the site.
|
483
|
-
#
|
484
|
-
sources:
|
485
|
-
- _assets/javascripts
|
486
|
-
- _assets/stylesheets
|
487
|
-
- _assets/images
|
488
|
-
#
|
489
|
-
# Sets JS compressor. No compression by default.
|
490
|
-
# Possible variants: 'yui', 'uglifier', nil
|
491
|
-
#
|
492
|
-
js_compressor: ~
|
493
|
-
#
|
494
|
-
# Sets CSS compressor. No compression by default.
|
495
|
-
# Possible variants: 'yui', 'sass', nil
|
496
|
-
#
|
497
|
-
css_compressor: ~
|
498
|
-
#
|
499
|
-
# Globally enables adding image width and height attributes to image tags.
|
500
|
-
# Does nothing if either width or height attribute already set.
|
501
|
-
# Disabled by default.
|
502
|
-
#
|
503
|
-
autosize: false
|
504
|
-
#
|
505
|
-
# Sets cachebusting policy for generated assets.
|
506
|
-
#
|
507
|
-
# Possible variants:
|
508
|
-
#
|
509
|
-
# none - disables cachebusting
|
510
|
-
#
|
511
|
-
# source file: _assets/javascripts/app.css
|
512
|
-
# output file: _site/assets/javascriptis/app.css
|
513
|
-
# output URL: /assets/javascripts/app.css
|
514
|
-
#
|
515
|
-
# soft - leave filenames as-is, but `?cb=<md5>` suffix for URLs generated
|
516
|
-
# with `asset_path`, `javascript` and `stylesheet`:
|
517
|
-
#
|
518
|
-
# source file: _assets/javascripts/app.css
|
519
|
-
# output file: _site/assets/javascriptis/app.css
|
520
|
-
# output URL: /assets/javascripts/app.css?cb=4f41243847da693a4f356c0486114bc6
|
521
|
-
#
|
522
|
-
# hard - (default) injects cachebusting checksum into processed filename:
|
523
|
-
#
|
524
|
-
# source file: _assets/javascripts/app.css
|
525
|
-
# output file: _site/assets/javascriptis/app-4f41243847da693a4f356c0486114bc6.css
|
526
|
-
# output URL: /assets/javascripts/app-4f41243847da693a4f356c0486114bc6.css
|
527
|
-
#
|
528
|
-
cachebust: hard
|
529
|
-
#
|
530
|
-
# Whenever or not cache compiled assets (disabled by default).
|
531
|
-
# See `Compilation Cache` section of README for details.
|
532
|
-
#
|
533
|
-
cache: false
|
534
|
-
#
|
535
|
-
# Specifies list of MIME types that needs to have gzipped versions.
|
536
|
-
# You can set it to `false` to disable gzipping. Only javascripts and
|
537
|
-
# stylesheets are gzipped by default.
|
538
|
-
#
|
539
|
-
gzip: [ text/css, application/javascript ]
|
540
|
-
#
|
541
|
-
# Does not concatenates files requested by `javascript` and `stylesheet`
|
542
|
-
# helpers. Instead outputs multiple files in order they are required.
|
543
|
-
# Default: false
|
544
|
-
#
|
545
|
-
debug: false
|
546
|
-
#
|
547
|
-
# Configuration version. Used to force cache invalidation.
|
548
|
-
# Default: 1
|
549
|
-
#
|
550
|
-
version: 1
|
125
|
+
engines:
|
126
|
+
engine_name:
|
127
|
+
option: value
|
551
128
|
```
|
552
129
|
|
130
|
+
Only whitelisted options are allowed by default, so that we can guard against
|
131
|
+
using paths we don't want to be used. If you wish to have an option
|
132
|
+
whitelisted please file a ticket or submit a pull request.
|
553
133
|
|
554
|
-
##
|
555
|
-
|
556
|
-
Feel free to follow me on [twitter][twitter], chat via [jabber][jabber] or
|
557
|
-
write an [e-mail][e-mail]. :D
|
558
|
-
|
559
|
-
[twitter]: https://twitter.com/zapparov
|
560
|
-
[jabber]: xmpp://zapparov@jabber.ru
|
561
|
-
[e-mail]: mailto://ixti@member.fsf.org
|
562
|
-
|
563
|
-
|
564
|
-
## Contributing
|
565
|
-
|
566
|
-
* Fork [jekyll-assets][] on GitHub
|
567
|
-
* Make your changes
|
568
|
-
* Ensure all tests pass (`bundle exec rake`)
|
569
|
-
* Send a pull request
|
570
|
-
* If we like them we'll merge them
|
571
|
-
* If we've accepted a patch, feel free to ask for commit access!
|
572
|
-
|
573
|
-
[jekyll-assets]: https://github.com/ixti/jekyll-assets
|
574
|
-
|
575
|
-
|
576
|
-
## License
|
577
|
-
|
578
|
-
Copyright (C) 2012-2015 Aleksey V Zapparov
|
579
|
-
|
580
|
-
The MIT License
|
581
|
-
|
582
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
583
|
-
this software and associated documentation files (the “Software”), to deal in
|
584
|
-
the Software without restriction, including without limitation the rights to
|
585
|
-
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
|
586
|
-
of the Software, and to permit persons to whom the Software is furnished to do
|
587
|
-
so, subject to the following conditions:
|
588
|
-
|
589
|
-
The above copyright notice and this permission notice shall be included in all
|
590
|
-
copies or substantial portions of the Software.
|
134
|
+
## Plugins where did they go?
|
591
135
|
|
592
|
-
|
593
|
-
|
594
|
-
|
595
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
596
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
597
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
598
|
-
SOFTWARE.
|
136
|
+
They're dead, in the way that they were, use Hooks, they require less
|
137
|
+
patching and give more flexibility to us because we can trigger them every
|
138
|
+
time we have a new environment not just occasionally.
|