init vewpress layout

Author: Great-Stone

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+package-lock.json

deploy.sh

@@ -0,0 +1,19 @@
+#!/usr/bin/env sh
+
+# 오류 발생시 중단한다.
+set -e
+
+# 문서(md)를 build하여 html로 만든다. 
+npm run build
+
+# build가 output된 폴더로 이동한다. 
+cd docs/.vuepress/dist
+
+# init + add + commit을 해준 다음
+git init
+git add -A
+git commit -m 'deploy'
+
+git push -f https://github.com/qnote/qnote.git main
+
+cd -

docs/.vuepress/components/TagLinks.vue

@@ -0,0 +1,20 @@
+<template lang="html">
+  <div class="tags">
+    <router-link
+      v-for="tag in $page.frontmatter.tags"
+      :key="tag"
+      :to="{ path: `/tag/#${tag}` }"
+    >
+      #{{ tag }}
+    </router-link>
+  </div>
+</template>
+
+<style scoped>
+.tags {
+  margin: 30px 0;
+}
+a {
+  margin-right: 10px;
+}
+</style>

docs/.vuepress/components/TagList.vue

@@ -0,0 +1,41 @@
+<template lang="html">
+  <div>
+    <span v-for="tag in Object.keys(tags)">
+      <h2 :id="tag">
+        <router-link
+          :to="{ path: `/tag/#${tag}` }"
+          class="header-anchor"
+          aria-hidden="true"
+          >#</router-link
+        >
+        {{ tag }}
+      </h2>
+      <ul>
+        <li v-for="page in tags[tag]">
+          <router-link :to="{ path: page.path }">{{ page.title }}</router-link>
+        </li>
+      </ul>
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    tags() {
+      let tags = {};
+      for (let page of this.$site.pages) {
+        for (let index in page.frontmatter.tags) {
+          const tag = page.frontmatter.tags[index];
+          if (tag in tags) {
+            tags[tag].push(page);
+          } else {
+            tags[tag] = [page];
+          }
+        }
+      }
+      return tags;
+    }
+  }
+};
+</script>

docs/.vuepress/config.js

@@ -0,0 +1,56 @@
+// config.js
+const routes = [
+    "Tag",
+    "Infra",
+    "PrivatePlatform",
+    "PublicCloud",
+    "HashiCorp",
+    "etc",
+    "Howto"
+];
+
+const createSidebar = () => {
+    const sidebar = {};
+    for (const route of routes) {
+        Object.assign(sidebar, require("../" + route));
+    }
+    return sidebar;
+};
+
+module.exports = {
+    base: "/",
+    title: "qnote", // 사이트 타이틀
+    description: "혼자서는 불가능",
+    themeConfig: {
+        logo: "/image/shortcuts-quick-open.png", // 로고 이미지
+        nav: [
+            { text: "Tag", link: "/tag/" },
+            { text: "Infra", link: "/Infra/" },
+            { text: "Private Platform", link: "/PrivatePlatform/" },
+            { text: "Public Cloud", link: "/PublicCloud/" },
+            { text: "HashiCorp", link: "/HashiCorp/" },
+            { text: "etc", link: "/etc/" },
+            { text: "How To", link: "/Howto/" },
+            {
+                text: "Info",
+                items: [
+                    { text: "Repository", link: "https://github.com/qnote/page" },
+                ]
+            }
+        ],
+        sidebar: createSidebar(),
+        lastUpdated: "Last Updated",
+        smoothScroll: true,
+    },
+    // head: [
+    //   ['meta', {name: "google-site-verification", content: "sHfBWIoCUOYFXJ3b0ulN8jp9jpD8SEW5Wpxvlk-UABA"}],
+    // ],
+    markdown: {
+        extendMarkdown: (md) => {
+            md.use(require("markdown-it-plantuml"));
+            md.use(require("markdown-it-underline"));
+            md.use(require("markdown-it-task-lists"));
+        },
+    },
+    plugins: [["@vuepress/back-to-top"], ["@vuepress/last-updated"]],
+};

docs/.vuepress/public/image/shortcuts-quick-open.png

@@ -0,0 +1,13 @@
+---
+
+title: HashiCorp
+sidebar: true
+next: false
+
+---
+
+# HashiCorp
+
+...
+
+

docs/HashiCorp/README.md

@@ -0,0 +1 @@
+module.exports = require("../../getBuild")("HashiCorp");

docs/HashiCorp/index.js

@@ -0,0 +1,13 @@
+---
+
+title: How to
+sidebar: true
+next: false
+
+---
+
+# How to
+
+
+
+

docs/Howto/README.md

@@ -0,0 +1 @@
+module.exports = require("../../getBuild")("Howto");

docs/Howto/index.js

@@ -0,0 +1,19 @@
+---
+
+title: Linux
+sidebar: true
+next: false
+
+---
+
+# Linux
+
+## Debian
+
+## RedHat
+
+## SUSE
+
+
+
+

docs/Infra/Linux/README.md

@@ -0,0 +1,13 @@
+---
+
+title: Infra
+sidebar: true
+next: false
+
+---
+
+# Infrastructure
+
+
+
+

docs/Infra/README.md

@@ -0,0 +1 @@
+module.exports = require("../../getBuild")("Infra");

docs/Infra/index.js

@@ -0,0 +1,17 @@
+---
+
+title: Private Platform
+sidebar: true
+next: false
+
+---
+
+# Private Platform
+
+## VMware
+
+## OpenStack
+
+## Kubernetes
+
+

docs/PrivatePlatform/README.md

@@ -0,0 +1 @@
+module.exports = require("../../getBuild")("PrivatePlatform");

docs/PrivatePlatform/index.js

@@ -0,0 +1,13 @@
+---
+
+title: Azure
+sidebar: true
+next: false
+
+---
+
+# Azure
+
+
+
+

docs/PublicCloud/Azure/README.md

@@ -0,0 +1,23 @@
+---
+
+title: Public Cloud
+sidebar: true
+next: false
+
+---
+
+# Public Cloud
+
+## Amazon Web Service (AWS)
+
+## Microsoft Azure
+
+## Google Cloud Platform (GCP)
+
+## Naver Cloud Platform (NCP)
+
+## Alibaba Cloud
+
+
+
+

docs/PublicCloud/README.md

@@ -0,0 +1 @@
+module.exports = require("../../getBuild")("PublicCloud");

docs/PublicCloud/index.js

@@ -0,0 +1,32 @@
+---
+home: true
+actionText: Get started →
+actionLink: /tag/
+features:
+  - title: Infra
+    details: OS / Network / Storage
+  - title: Private Platform
+    details: VMware / OpenStack / Kubernetes
+  - title: Public Cloud
+    details: AWS / Azure / GCP / NCP / Alibaba
+  - title: HashiCorp
+    details: Vagrant / Packer / Terraform / Vault / Boundary / Consul / Nomad / Waypoint
+  - title: 기타
+    details: 미분류된 자료
+  - title: How to
+    details: 활용 방법 안내
+footer: CC-BY-SA-4.0 Licensed | ⓒ 2021-present qnote™ contributers all rights reserved.
+---
+---
+### Start contributing to `qnote`
+```sh
+# git clone
+git clone https://github.com/qnote/page.git
+
+# npm install
+cd page
+npm install
+
+# start VuePress writing
+npm run dev
+```

docs/README.md

@@ -0,0 +1,13 @@
+---
+
+title: etc
+sidebar: true
+next: false
+
+---
+
+# Etc.
+
+
+
+

docs/etc/README.md

@@ -0,0 +1 @@
+module.exports = require("../../getBuild")("etc");

docs/etc/index.js

@@ -0,0 +1,4 @@
+# Tag
+
+<TagList />
+<TagLinks />

docs/tag/README.md

@@ -0,0 +1,3 @@
+module.exports = {
+    "/Tag/": [""]
+};

docs/tag/index.js

@@ -0,0 +1,51 @@
+module.exports = function(dirName) {
+    const envValue = process.env.NODE_ENV
+      ? { "43": 4, "61": 6, "54": 5 }
+      : { "43": 3, "61": 1, "54": 4 };
+  
+    const fs = require("fs");
+  
+    const listsNesting = [""];
+    const nesting = [];
+    const once = [];
+  
+    function getFiles(dir) {
+      const all = fs.readdirSync(dir);
+      const filtersDir = all.filter(
+        file => file.indexOf(".") === -1 || file.indexOf(".md") !== -1
+      );
+  
+      return filtersDir.map(file => {
+        if (fs.statSync(`${dir}/${file}`).isDirectory()) {
+          return getFiles(`${dir}/${file}`);
+        } else {
+          if (dir.split("/").length === envValue[43]) {
+            once.push(`${dir.slice(envValue[61])}/`);
+          } else if (dir.split("/").length === envValue[54]) {
+            let check = false;
+            nesting.map(el => {
+              if (el.title === dir.split("/")[dir.split("/").length - 2]) {
+                check = true;
+                el.children.push(`${dir.slice(envValue[61])}/`);
+              }
+            });
+            if (!check) {
+              nesting.push({
+                collapsable: true,
+                title: dir.split("/")[dir.split("/").length - 2],
+                children: [`${dir.slice(envValue[61])}/`]
+              });
+            }
+          }
+        }
+      });
+    }
+  
+    const filePath = process.env.NODE_ENV ? `./docs/${dirName}` : `./${dirName}`;
+  
+    getFiles(filePath);
+    const res = listsNesting.concat(nesting).concat(once);
+    return {
+      [`/${dirName}/`]: res
+    };
+  };