yawn-themele

[yawn-themele]

markdown test

markdown sample

h2

h3

h4

h5

h6

letter

bold

italic

~~delete~~

annotation

テキスト1

quate

quate

quate

list

list1

list2

list1

list2

list

list

list

link

google

code

inline-code

func main() { return }

table

head head head body body body body body body

注釈内容 ↩︎

[yawn-themele]

sass

sassの導入メモ

tree

. ├── gulpfile.js ├── package-lock.json ├── package.json └── src ├── index.html ├── css │ └── sample.css └── sass └── sample.scss

installとか

// npmの初期化 $ npm init -y // gulp ローカルインストール $ npm install gulp --save-dev // gulp-sass ローカルインストール $ npm install gulp-sass --save-dev

gulpfile

gulpfile.js

// モジュールの読み込み var gulp = require("gulp"); var sass = require("gulp-sass"); // タスクを作成 // gulp.task("タスク名", 実行される処理) gulp.task("sass", function () { return ( gulp.src("src/sass/**/*.scss") // 取得するファイル .pipe(sass({ outputStyle: "expanded" })) // コンパイル時のオプション .pipe(gulp.dest("src/css")) // 保存先 ); }); gulp.task("sass-watch", function () { return gulp.watch("src/sass/**/*.scss", function () { return ( gulp.src("src/sass/**/*.scss") .pipe(sass({ outputStyle: "expanded" }).on("error", sass.logError)) .pipe(gulp.dest("src/css")) ); }); });

操作

$ gulp sassで単発コンパイル $ gulp sass-watchで監視

[yawn-themele]

chatサンプル

ashley: hello victor

victor: hello.

[yawn-themele]

link

[yawn-themele]

hello world

たんぶらのぶろぐ

[yawn-themele]

複数の画像

[yawn-themele]

image1

[yawn-themele]

markdown sample

header1

text

header2

list

list1

list2

list3

num list

list

list

list

header3

table

head head head body body body body body body

header4

inline-code

https://www.tumblr.com/docs/en/custom_themes func main(){ return 0 }

header5

header6