feat: web site

update web site
midwayjs · Dec 19, 2019 · e649f26 · e649f26
1 parent bb1b615
commit e649f26
Show file tree

Hide file tree

Showing 6 changed files with 883 additions and 583 deletions.
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -0,0 +1,60 @@
+module.exports = {
+  title: 'Midway Faas',
+  description: 'Midway Faas make serverless easy.',
+  themeConfig: {
+    nav: [
+      { text: '首页', link: '/' },
+      { text: '使用方法', link: '/guide/' },
+      {
+        text: 'MidwayJs 系列产品',
+        items: [
+          {
+            text: '框架',
+            items: [
+              {
+                text: 'Midway - 面向未来的 Web 全栈框架',
+                link: 'http://midwayjs.org/midway',
+              },
+            ],
+          },
+          {
+            text: '应用管理',
+            items: [
+              {
+                text: 'Pandora.js - Node.js 应用管理器',
+                link: 'http://midwayjs.org/pandora/',
+              },
+            ],
+          },
+          {
+            text: '监控产品',
+            items: [{ text: 'Sandbox - 私有化 Node.js 监控产品', link: '#' }],
+          },
+          {
+            text: 'Node.js 依赖注入模块',
+            items: [
+              {
+                text: 'Injection - 让你的应用用上 IoC，体验依赖注入的感觉',
+                link: 'http://midwayjs.org/injection',
+              },
+            ],
+          },
+          {
+            text: 'Midway Faas Serverless开发框架',
+            items: [
+              {
+                text: 'Serverless - 提供更便捷的Serverless开发体验',
+                link: '/',
+              },
+            ],
+          },
+        ],
+      },
+      {
+        text: 'Github',
+        link: 'https://github.com/midwayjs/midway-faas',
+        target: '_blank',
+      },
+    ],
+  },
+};
diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
@@ -0,0 +1,70 @@
+.theme-container.home-page
+  .hero
+    background-image: url("https://img.alicdn.com/tfs/TB1k7wKbhYaK1RjSZFnXXa80pXa-1920-910.png");
+    background-position: 50% 10%;
+    padding: 6rem 0;
+    img
+      max-height: 200px;
+    h1
+      font-size: 6rem;
+      color: #fff;
+    .description
+      color: #B8BFBB;
+  .language-bash 
+    width: 1280px;
+    margin: 0 auto;
+    margin-top: 30px;
+  .home
+    max-width: 100%
+    padding: 3.6rem 0 0
+  .center-container
+      width: 1280px
+      margin: 0 auto
+  .features
+    width: 1280px
+    margin: 0 auto
+  .feats
+    margin-top: 100px;
+    text-align: center;
+    h2
+      font-size: 2rem;
+      text-align: center;
+      border-color: #da5a47;
+      display: inline-block;
+    h3
+      font-size: 1.4rem;
+    .item
+      font-size: 0;
+    .col
+      text-align: left;
+      flex-grow: 1;
+      flex-basis: 50%;
+      max-width: 50%;
+      width: 50%;
+      display: inline-block;
+      font-size: 14px;
+      vertical-align: middle;
+      p
+        font-size: 1.0rem;
+        color: #666;
+        line-height: 2;
+  .m-footer
+    width: 100%
+    height: 200px
+    background: #ccc
+
+    .col
+        width: 20%
+        display: inline-block
+        vertical-align: top
+
+        dd
+          margin-inline-start: 0px
+
+      .col.right
+        dd
+          display: inline-block
+          margin-right: 20px
+
+          img
+            width: 25px