85 lines
828 B
Markdown
85 lines
828 B
Markdown
---
|
|
title: Jade
|
|
category: JavaScript libraries
|
|
---
|
|
|
|
```
|
|
doctype html
|
|
// comment (html)
|
|
-// silent comment
|
|
|
|
html(lang='en')
|
|
- javascript()
|
|
h1.class#id(name='hi')
|
|
| Text. Hello there,
|
|
= name
|
|
|
|
if condition
|
|
p. hello
|
|
|
|
p.
|
|
multiline text
|
|
goes here
|
|
```
|
|
|
|
### Iteration
|
|
|
|
```jade
|
|
ul
|
|
each user in users
|
|
li= user
|
|
```
|
|
|
|
### Layouts
|
|
|
|
```jade
|
|
extends layout.jade
|
|
|
|
block title
|
|
| hello
|
|
|
|
block content
|
|
| hello
|
|
```
|
|
|
|
```jade
|
|
-// layout.jade
|
|
title
|
|
block title
|
|
body
|
|
block content
|
|
```
|
|
|
|
### Includes (partials)
|
|
|
|
```jade
|
|
include ./includes/head.jade
|
|
include:markdown article.md
|
|
```
|
|
|
|
### Mixins
|
|
|
|
```jade
|
|
mixin list
|
|
ul ..
|
|
|
|
+list
|
|
```
|
|
|
|
```jade
|
|
mixin pet(name)
|
|
span.pet= name
|
|
|
|
+pet('cat')
|
|
```
|
|
|
|
```jade
|
|
mixin article(title)
|
|
article
|
|
h2.title= title
|
|
block
|
|
|
|
+article('hello there')
|
|
p Content goes here
|
|
```
|