Nanoc - Problems with deployment to github pages for css file

Question

So, trying out nanoc.

Have uploaded the output folder to gh-pages on github.

Having trouble with css to display its styles.

Tried adding filter :relativize_paths, :type => :css in Rules.

Compiled it again.

It's still not displaying properly.

What am I doing wrong?

You can see that the page doesn't display properly: http://arubyist.github.io/nanoc/

This is the Rules page:

compile '*' do
   if item[:extension] == 'css'
   # don’t filter stylesheets
 elsif item.binary?
 # don’t filter binary items
 else
   filter :erb
   layout 'default'
 end
end

 route '*' do
 if item[:extension] == 'css'
 # Write item with identifier /foo/ to /foo.css
 item.identifier.chop + '.css'
 elsif item.binary?
 # Write item with identifier /foo/ to /foo.ext
 item.identifier.chop + '.' + item[:extension]
else
# Write item with identifier /foo/ to /foo/index.html
item.identifier + 'index.html'
 end
 end

 layout '*', :erb

 compile '/html' do 
   filter :relativize_paths, :type => :html
  end 

 compile '/css' do
   filter :relativize_paths, :type => :css 
  end

score 0 · Answer 1 · answered Jan 16 '15 at 13:33

0

To make it work, the filter must be at the end of the compile rule. For html you must place it after the layout statement. Example:

compile '*' do
  if item[:extension] == 'css'
    filter :relativize_paths, :type => :css 
  elsif item.binary?
    # don’t filter binary items
  else
    filter :kramdown
    filter :erb
    layout 'default'
    filter :relativize_paths, :type => :html
  end
end

answered Jan 16 '15 at 13:33

Emiliano Poggi

24,390
8
55
67

hey thanks for letting me know. Will do this next time I fiddle around wiht nanocs. =) – user273072545345 Jan 16 '15 at 17:58

score -1 · Answer 2 · answered Aug 26 '14 at 17:37

Your compile '*' rule at the top is winning and compiling all your files. It never even reaches the compile '/css' rule.

This should do:

compile '*' do
  if item[:extension] == 'css'
    filter :relativize_paths, :type => :css 
  elsif item.binary?
    # don’t filter binary items
  else
    filter :erb
    filter :relativize_paths, :type => :html
    layout 'default'
  end
end

route '*' do
  if item[:extension] == 'css'
    # Write item with identifier /foo/ to /foo.css
    item.identifier.chop + '.css'
  elsif item.binary?
    # Write item with identifier /foo/ to /foo.ext
    item.identifier.chop + '.' + item[:extension]
  else
    # Write item with identifier /foo/ to /foo/index.html
    item.identifier + 'index.html'
  end
end

layout '*', :erb

can we use a simple `passthrough` if there's only one simple .css file? — Dave Everitt, Jun 13 '22 at 15:37

Nanoc - Problems with deployment to github pages for css file

2 Answers2