add some

.github/workflows/nodejs.yml

@@ -0,0 +1,28 @@
+name: Node CI
+
+on: 
+  push: 
+    branches: 
+      - master
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [10.x, 12.x]
+
+    steps:
+    - uses: actions/checkout@v1
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - name: npm install, build
+      run: |
+        npm install
+        npm run build --if-present
+      env:
+        CI: true

.gitignore

@@ -0,0 +1,5 @@
+node_modules
+dist/
+*.zip
+.DS_Store
+.idea/

Dockerfile

@@ -0,0 +1,7 @@
+FROM nginx:1.15-alpine
+
+COPY dist/ /usr/share/nginx/html
+
+COPY default.conf /etc/nginx/conf.d/default.conf
+
+ENTRYPOINT nginx -g "daemon off;"

default.conf

@@ -0,0 +1,44 @@
+server {
+    listen       80;
+    server_name  localhost;
+
+    #charset koi8-r;
+    #access_log  /var/log/nginx/host.access.log  main;
+
+    location / {
+        root   /usr/share/nginx/html;
+        try_files $uri $uri/ /index.html last;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
+    #
+    #location ~ \.php$ {
+    #    proxy_pass   http://127.0.0.1;
+    #}
+
+    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
+    #
+    #location ~ \.php$ {
+    #    root           html;
+    #    fastcgi_pass   127.0.0.1:9000;
+    #    fastcgi_index  index.php;
+    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
+    #    include        fastcgi_params;
+    #}
+
+    # deny access to .htaccess files, if Apache's document root
+    # concurs with nginx's one
+    #
+    #location ~ /\.ht {
+    #    deny  all;
+    #}
+}

docs/.vuepress/components/Footer.vue

@@ -0,0 +1,84 @@
+<template>
+  <div class="footer">
+    <div class="links">
+      <span>MOV BApp</span>
+      <span>Apply</span>
+      <span>Developer</span>
+      <span>Data Center</span>
+      <span>Support</span>
+    </div>
+
+    <div class="github">
+      <a href="https://github.com/Bytom/vapor" target="_blank">
+        <svg
+          viewBox="64 64 896 896"
+          width="1em"
+          height="1em"
+          fill="currentColor"
+        >
+          <path
+            d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"
+          ></path>
+        </svg>
+      </a>
+    </div>
+    <div v-if="data.footer" class="copyRight">{{ data.footer }}</div>
+  </div>
+</template>
+<script>
+export default {
+  computed: {
+    data() {
+      return this.$page.frontmatter;
+    },
+  },
+};
+</script>
+
+<style lang="stylus">
+.footer {
+  height: 212px;
+  text-align: center;
+  box-sizing: border-box;
+  padding: 4rem 0 2rem 0;
+  background-color: #1A1A1A;
+
+  .links {
+    display: none;
+
+    >span {
+      font-size: 0.875rem;
+      margin-right: 3rem;
+      color: rgba(255, 255, 255, 0.56);
+      cursor: pointer;
+    }
+
+    >span:last-child {
+      margin-right: 0;
+    }
+  }
+
+  .github {
+    margin: 1rem auto 0;
+    font-size: 1.5rem;
+    cursor: pointer;
+
+    >a {
+      color: rgba(255, 255, 255, 0.56);
+      transition: color 0.3s;
+      display: inline-block;
+      height: 1.5rem;
+    }
+
+    >a:hover {
+      color: $w;
+    }
+  }
+
+  .copyRight {
+    color: rgba(255, 255, 255, 0.24);
+    margin-top: 2rem;
+    font-size: 0.875rem;
+  }
+}
+</style>

docs/.vuepress/components/HomeNav.vue

@@ -0,0 +1,134 @@
+<template>
+  <div class="navs">
+    <div v-for="(item, key) in list[$lang]" class="itemWrap">
+      <div class="item">
+        <h2>{{ item.title }}</h2>
+        <ul>
+          <li v-for="(link, linkKey) in item.children.slice(0, maxLen)">
+            <a v-bind:href="link.link">{{ link.title }}</a>
+          </li>
+          <li v-if="item.children.length > maxLen" class="viewMore">
+            <a v-bind:href="item.children[0].link">View More</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import categories from "../nav/categories";
+export default {
+  data() {
+    return {
+      list: categories,
+      maxLen: 5,
+    };
+  },
+  beforeMount() {
+    // console.log(this.$site, categories[this.$lang])
+  },
+  mounted: function () {},
+};
+</script>
+
+<style lang="stylus">
+.navs {
+  width: 100%;
+  display: flex;
+  font-size: 32px;
+  flex-wrap: wrap;
+  padding: 2rem 0;
+
+  .itemWrap {
+    width: 33.3333%;
+    margin-bottom: 1rem;
+  }
+
+  .item {
+    height: 280px;
+    margin: 0 .5rem;
+    background: #ffffff;
+    padding: 1.5rem 1.75rem;
+    box-sizing: border-box;
+    border-radius: 8px;
+    border: 1px solid #ffffff;
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02), 0px 4px 32px rgba(0, 0, 0, 0.02);
+    h2 {
+      font-size: 1.125rem;
+      color: $b88;
+      line-height: 1.625rem;
+      padding-bottom: 1rem;
+      margin: 0;
+      border-bottom: 1px solid #ebebeb;
+    }
+
+    ul {
+      list-style: none;
+      padding: 0;
+      margin: 1rem 0 0 0;
+
+      li {
+        font-size: 0.875rem;
+        line-height: 1.375rem;
+        margin-bottom: 0.5rem;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+
+        a {
+          font-family: Roboto;
+          font-weight: 400;
+          color: $b64
+
+          &:hover {
+            color: $activeLink;
+          }
+        }
+      }
+
+      .viewMore {
+      }
+
+      li:last-child {
+        margin: 0;
+      }
+    }
+  }
+  .item:nth-child(3n+2)  {
+    margin: 0 1rem;
+  }
+
+  .item:hover {
+    border: 1px solid #EBEBEB;
+  }
+}
+
+@media (max-width: $MQMobile) {
+  .navs {
+    flex-direction: column;
+    padding: 1rem;
+    box-sizing: border-box;
+
+    .itemWrap {
+      width: 100%;
+
+      .item {
+        border-radius: 0.5rem;
+        margin: 0 0 1rem 0;
+      }
+    }
+  }
+}
+
+@media (max-width: $MQMobileNarrow) {
+  .home {
+    // background-color: #fff;
+    box-sizing: border-box;
+  }
+
+  .item {
+    width: 100%;
+  }
+}
+</style>