Feature/wp to postman

gulpfile.babel.js

@@ -11,6 +11,7 @@ import watchify from 'watchify';
 import browserify from 'browserify';
 import babelify from 'babelify';
 import pug from 'gulp-pug';
+import massProduction from 'gulp-mass-production';
 import browserSync from 'browser-sync';
 import readConfig from 'read-config';
 import watch from 'gulp-watch';
@@ -65,8 +66,32 @@ gulp.task('pug', () => {
     locals.basePath = BASE_PATH;
 
     return gulp.src(`${SRC}/pug/**/[!_]*.pug`)
-        .pipe(pug({
+        .pipe(massProduction({
             locals: locals,
+            markdown: 'posts/*.md',
+            template: `${SRC}/pug/post.pug`,
+            hrefRule: function (slug, meta) {
+                return `${meta.category || 'no-category'}/${slug}`;
+            },
+            archive: {
+                top: {
+                    template: `${SRC}/pug/index.pug`,
+                    hrefRule: function () {
+                        return '';
+                    }
+                },
+                category: {
+                    template: `${SRC}/pug/category.pug`,
+                    slugRule: function (meta) {
+                        return meta.category;
+                    },
+                    hrefRule: function (slug, meta) {
+                        return `category/${slug}`;
+                    }
+                }
+            }
+        }))
+        .pipe(pug({
             pretty: true,
             basedir: `${SRC}/pug`
         }))

package.json

@@ -27,6 +27,7 @@
     "browser-sync": "2.11.*",
     "browserify": "12.0.*",
     "gulp": "git://github.com/gulpjs/gulp.git#4.0",
+    "gulp-mass-production": "2.0.0",
     "gulp-pleeease": "2.0.*",
     "gulp-pug": "^3.0.3",
     "gulp-sass": "2.1.*",

posts/emogtokyo.md

@@ -0,0 +1,17 @@
+---
+title: emoji😄 only sns
+category: frontend
+---
+世界一安全安心なSNSを作りました。
+
+炎上の心配もなく、子供も安心して使える。
+
+なおかつ世界中の人と誰でもコミュニケーションがとれるような。
+
+そんな夢のようなWebサービス。
+
+それが[こちら](https://emog.tokyo/)。
+
+絵文字キーボードもあり、手軽に投稿ができます。
+
+ぜひあなたも投稿してみてください。

posts/matmax4dx.md

@@ -0,0 +1,10 @@
+---
+title: マットマックス4DX with Orphe
+category: electronic-work
+---
+
+もともと、下記の図のような構成だった「マットマックス4DX」ですが、
+
+Orpheをつかうことによってこんなにシンプルになりました。
+
+Orpheはすごいです。

src/pug/category.pug

@@ -0,0 +1,15 @@
+extends /layout/_default-layout
+
+prepend config-block
+  - page_name = `category: ${massProduction.slug}`
+
+//- append stylesheet-block
+
+//- append javascript-block
+
+block content-block
+  h2= page_name
+  ul
+    each post in massProduction.posts
+      li
+        a(href=`/${post.href}`)= post.title

src/pug/index.pug

@@ -8,4 +8,7 @@ prepend config-block
 //- append javascript-block
 
 block content-block
-  | hello, world!
+  ul
+    each post in massProduction.posts
+      li
+        a(href=`/${post.href}`)= post.title

src/pug/layout/_default-layout.pug

@@ -63,6 +63,11 @@ html(lang="ja")
     .wrapper
       block content-block
 
+      .sidebar
+        each href, slug in massProduction.siteMap.category
+          .sidebar__item
+            a(href=`/${href}`)= slug
+
     // javascript
     block javascript-block
       script(src=basePath + "/js/script.js?v="+versions["script.js"])

src/pug/post.pug

@@ -0,0 +1,11 @@
+extends /layout/_default-layout
+
+prepend config-block
+  - page_name = massProduction.meta.title
+
+//- append stylesheet-block
+
+//- append javascript-block
+
+block content-block
+  .content!= massProduction.body