Skip to content

Instantly share code, notes, and snippets.

mixin list
ul
li List01
li List02
li List03
+list
+list
//- inc/_layout.pug
block js
//- index.pug
append js
script(src="top.js")
//- inc/_layout.pug
block main
//- index.pug
extend inc/_layout
block main
main.main
h2 Pugでhtml作ったよ
p Pugって楽しいね!!!!
include inc/_header.pug
- var title = { home: "トップページ" }
if title.home
h2 #{title.home}
else
h2 title.lower
ul
- for (var i = 0; i <= 3; i++) {
.item
li List0#{i}
- }
- var url = "//www.example.com/";
a(href=url) トップページ
a(href=url + "contact/") お問い合わせ
#id-name DivタグにIDを振る
.class-name DivタグにClassをつける
ul
li: a(href="#") List01
li: a(href="#") List02
li: a(href="#") List03
doctype html
html(lang="ja")
head
meta(charset="utf-8")
title Pugレッスン
body
h1 Pug始めました
main.main
p Pugでhtml作ったよ