2017-03-07 19 views
1

我使用豎琴版本0.21.0與jade支持在Windows 7上開發靜態網站。下面的豎琴文檔鏈接顯示使用_layout的示例。對於嵌套式佈局,以及如何EJS創建博客文章列表:使用pug(jade)爲指定文件夾中的文章選擇性地生成目錄

https://harpjs.com/docs/development/layout

https://harpjs.com/recipes/blog-posts-list

我想放的文章鏈接在側容器僅在當前頁面是一組文件夾包含多個文章,如下所示。

_layout.jade 
index.jade 
+ group1 
    article1 
+ group2 
    _data.json 
    article1 
    article2 

_layout.jade

head 
    title= title 
    meta(name='description', content='#{ description }') 
body 
    #wrap 
    #side 
     p(align='center') 
     img(src=sideimg, width='259', height='387', alt=imgtag) 
     != partial("_toc.jade") 
    #main 
     != yield 
    #footer 

_data.json

{ 
"article1": { 
    "pagetitle": "Article 1 Title", 
    "sideimg" : "/img/freebird.png", 
    "imgtag" : "bird flying under Sun" 
}, 
"article2": { 
    "pagetitle": "Article 2 Title", 
    "sideimg" : "/img/freebird.png", 
    "imgtag" : "bird flying under Sun" 
} 
} 

_toc.jade僞代碼(什麼是適當的玉語法?)

if current page is in group1 folder then 
    do nothing 
if current page is in group2 folder then 
    for each article in group2 folder 
    ul 
     li 
     insert #{ pagetitle } as link in side container 

我有兩個的問題。

  1. 如果這可以使用玉的部分完成,那麼_toc.jade中的玉代碼的語法是什麼?

  2. 如果這可以使用塊並在玉中擴展,那麼該方法中的代碼是什麼?

回答

1

harp文檔包含帶有線索的食譜,我使用_toc.jade方法解決了我自己的問題。

_toc.jade(此代碼工作在原來的問題的情況下)

if current.path[0] == 'group2' 
    for group2, pagetitle in public.group2._data 
    a(href="/group2/#{ pagetitle }") 
     p.i= group2.pagetitle 
相關問題