Nanoc沒有編譯css

我想使用自定義樣式表路徑/stylesheets/stylesheet.css與nanoc一起使用，但nanoc不會渲染output文件夾中的css文件。這是我的規則：Nanoc沒有編譯css

compile '/stylesheets/' do 
    filter :css 
end 

compile '/images/*/' do 
end 

compile '*' do 
    if item.binary? 
    # don’t filter binary items 
    else 
    filter :haml 
    layout 'default' 
    end 
end 

route '/stylesheets/' do 
    '/stylesheets/stylesheet.css' 
end 

route '*' do 
    if 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 '*', :haml

它不起作用 - 任何人都知道問題在哪裏？此外它只生成output/stylesheet/index.html其中包含我的樣式表，但把我的HTML佈局！ :(

下面是它的樣子（output/stylesheet/index.html）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'> 
    <head> 
    <meta content='text/html; charset=utf-8' http-equiv='Content-Type' /> 
    <title> 
     A Brand New nanoc Site - 

    </title> 
    <link href='/stylesheets/stylesheet.css' media='screen' rel='stylesheet' type='text/css' /> 
    <meta content='nanoc 3.1.6' name='generator' /> 
    </head> 
    <body> 
    <!-- * reset css begins */ --> 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} 
<!-- * HTML5 display-role reset for older browsers */ --> 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} 
body {line-height: 1;} 
ol, ul {list-style: none;} 
blockquote, q {quotes: none;} 
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} 
table {border-collapse: collapse; border-spacing: 0;} 
<!-- * reset css ends */ --> 
body, html{background: url('../images/background.png') no-repeat center top fixed; background-color: #fff; color: #666 !important;} 
p{font-size: 400px;} 
    </body> 
</html>

請幫

來源

2012-12-13 mrmnmly

應該說compile '/stylesheet/'，不compile '/stylesheets/'，所以刪除多餘的s有一個類似的問題與路由。規則

也沒有:css過濾器你想用這個做什麼？如果你想要樣式表按原樣輸出，那麼不需要fo一個過濾器。

來源

2012-12-13 13:36:36 ddfreyne

它的工作原理！謝謝！ – mrmnmly

Nanoc沒有編譯css

回答

相關問題