feats

.gitignore

@@ -0,0 +1,17 @@
+.DS_Store
+node_modules/
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+/test/unit/coverage/
+/test/e2e/reports/
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

docs/.vuepress/config.js

@@ -0,0 +1,12 @@
+
+module.exports = {
+  title: '南京市云致技术服务有限公司',
+  themeConfig: {
+    nav: [
+      { text: '产品', link: '/products/' },
+      { text: '服务', link: '/service/' },
+      { text: '关于我们', link: '/about/' },
+      { text: 'External', link: 'https://google.com' },
+    ]
+  }
+}

docs/.vuepress/theme/components/Jumbotron.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="jumbotron">
+    <div class="container">
+      <h1 class="display-4" v-if="title">{{title}}</h1>
+      <p class="lead">{{lead}}</p>
+      <template v-if="link">
+        <RouterLink
+          v-if="!isExternal(link)"
+          class="btn btn-primary btn-lg"
+          :to="link"
+        >
+          {{linkLabel}}
+        </RouterLink>
+        <a class="btn btn-primary btn-lg" :href="link" role="button" target="_blank" v-else>
+          {{linkLabel}}
+          <OutboundLink />
+        </a>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+import { isExternal } from '@theme/utils/index.js'
+
+export default {
+  name: 'Jumbotron',
+  props: {
+    title: String,
+    lead: String,
+    link: String,
+    linkLabel: String,
+    backImage: String,
+  },
+  watch: {
+    'backImage': {
+      handler (newVal) {
+        if (newVal) {
+          this.setBackImage(newVal)
+        }
+      }
+    }
+  },
+  mounted() {
+    this.setBackImage(this.backImage)
+  },
+  methods: {
+    isExternal,
+    setBackImage(img) {
+      if (img && this.$el) {
+        this.$el.style.backgroundImage = `url(${img})`
+      }
+    }
+  }
+}
+</script>

docs/.vuepress/theme/components/Navbar.vue

@@ -0,0 +1,104 @@
+<template>
+  <nav class="navbar navbar-expand-lg fixed-top navbar-light navbar-dync">
+    <div class="container">
+      <RouterLink class="navbar-brand" :to="$localePath">
+        <img
+          v-if="$site.themeConfig.logo"
+          class="logo"
+          :src="$withBase($site.themeConfig.logo)"
+          :alt="$siteTitle"
+        >
+        <span
+          v-if="$siteTitle && !$site.themeConfig.logo"
+          ref="siteName"
+        >{{ $siteTitle }}</span>
+      </RouterLink>
+
+      <template v-if="links.length">
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav ml-md-auto">
+            <li class="nav-item mx-3" v-for="item in links" :key="item.link">
+              <RouterLink
+                v-if="!isExternal(item.link)"
+                class="nav-link"
+                :to="item.link"
+              >
+                {{item.text}}
+              </RouterLink>
+              <a v-else class="nav-link" :href="item.link" target="_blank">
+                {{item.text}}
+                <OutboundLink />
+              </a>
+            </li>
+          </ul>
+        </div>
+      </template>
+    </div>
+  </nav>
+</template>
+
+<script>
+import { isExternal } from '@theme/utils'
+
+export default {
+  name: 'Navbar',
+  computed: {
+    links() {
+      const navs = this.$site.themeConfig.nav || []
+      return navs
+    }
+  },
+  mounted() {
+    this.$themeScroll.listen((evt) => {
+      const d = window.pageYOffset
+      const actCls = 'navbar-dync-act'
+
+      if (d > 10) {
+        if (!this.$el.classList.contains(actCls)) {
+          this.$el.classList.add(actCls)
+        }
+      } else {
+        if (this.$el.classList.contains(actCls)) {
+          this.$el.classList.remove(actCls)
+        }
+      }
+    })
+  },
+  methods: {
+    isExternal
+  }
+}
+</script>
+
+<style lang="scss">
+.navbar {
+  &.navbar-dync {
+    transition: all 0.5s ease;
+    background: transparent;
+
+    .navbar-nav .nav-link {
+      color: #333;
+    }
+
+    &-act {
+      background-color: rgba(255, 255, 255, 0.75);
+    }
+
+    @media (max-width: 991.98px) {
+      #navbarSupportedContent {
+        background-color: rgba(255, 255, 255, 0.75);
+      }
+    }
+
+    .navbar-toggler {
+      border: none;
+      outline: none;
+    }
+  }
+}
+
+</style>

docs/.vuepress/theme/enhanceApp.js

@@ -0,0 +1,6 @@
+
+import observe from './utils/observe.js'
+
+export default ({ Vue }) => {
+  Vue.prototype.$themeScroll = observe()
+}

docs/.vuepress/theme/index.js

@@ -0,0 +1,7 @@
+const path = require('path')
+
+module.exports = (options, ctx) => {
+  return {
+    globalLayout: path.resolve(__dirname, 'layouts/GlobalLayout.vue')
+  }
+}

docs/.vuepress/theme/layouts/404.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="theme-container">
+    <div class="theme-default-content">
+      <h1>404</h1>
+
+      <RouterLink to="/">
+        Take me home.
+      </RouterLink>
+    </div>
+  </div>
+</template>

docs/.vuepress/theme/layouts/GlobalLayout.vue

@@ -0,0 +1,43 @@
+<template>
+  <div id="global-layout" class="global-wrapper">
+    <Navbar />
+    <component :is="layout"/>
+    <footer><h1>Footer</h1></footer>
+  </div>
+</template>
+
+<script>
+import 'jquery/dist/jquery.slim.min.js'
+import 'bootstrap/dist/css/bootstrap.min.css'
+import 'bootstrap/dist/js/bootstrap.bundle.min.js'
+
+import Navbar from '@theme/components/Navbar.vue'
+
+export default {
+  components: {
+    Navbar
+  },
+  computed: {
+    layout () {
+      if (this.$page.path) {
+        if (this.$frontmatter.layout) {
+          // 你也可以像默认的 globalLayout 一样首先检测 layout 是否存在
+          return this.$frontmatter.layout
+        }
+        return 'Layout'
+      }
+      return 'NotFound'
+    }
+  },
+  mounted () {
+    window.addEventListener('scroll', this.$themeScroll.notify)
+  }
+}
+</script>
+
+<style lang="scss">
+body {
+  padding-top: 4.5rem;
+  overflow-y: auto;
+}
+</style>

docs/.vuepress/theme/layouts/Layout.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="theme-container">
+    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
+      <ol class="carousel-indicators">
+        <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
+        <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
+        <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
+      </ol>
+      <div class="carousel-inner">
+        <div class="carousel-item active">
+          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603118729589&di=d9acb40dc12f61b2a65c0ae973a9ee2f&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201303%2F13%2F174429b5wzavjztjr9tntt.jpg" class="d-block w-100" alt="">
+          <div class="carousel-caption d-none d-md-block">
+            <h5>First slide label</h5>
+            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+            <a class="btn btn-primary btn-lg" href="#" role="button" target="_blank">Some text</a>
+          </div>
+        </div>
+        <div class="carousel-item">
+          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603118783426&di=c827609dd419a2213563dba665111229&imgtype=0&src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2Fattachments2%2Fday_120617%2F1206171640deaafc4222e7bc51.jpg" class="d-block w-100" alt="">
+          <div class="carousel-caption d-none d-md-block">
+            <h5>Second slide label</h5>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+          </div>
+        </div>
+        <div class="carousel-item">
+          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603118729589&di=d9acb40dc12f61b2a65c0ae973a9ee2f&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201303%2F13%2F174429b5wzavjztjr9tntt.jpg" class="d-block w-100" alt="">
+          <div class="carousel-caption d-none d-md-block">
+            <h5>Third slide label</h5>
+            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
+          </div>
+        </div>
+      </div>
+      <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="sr-only">Previous</span>
+      </a>
+      <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="sr-only">Next</span>
+      </a>
+    </div>
+
+    <div class="container">
+      <Content/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Layout'
+}
+</script>

docs/.vuepress/theme/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "vuepress-theme-yz001",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT"
+}

docs/.vuepress/theme/utils/index.js

@@ -0,0 +1,4 @@
+
+export function isExternal (link) {
+  return link.toLowerCase().indexOf('http') === 0 || link.toLowerCase().indexOf('mailto') === 0
+}

docs/.vuepress/theme/utils/observe.js

@@ -0,0 +1,18 @@
+
+export default function () {
+  const listeners = []
+
+  const listen = (f) => {
+    const p = listeners.length
+    listeners.push(f)
+    return () => {
+      listeners.splice(p, 1)
+    }
+  }
+
+  const notify = (...args) => {
+    listeners.forEach(f => f(...args))
+  }
+
+  return { listen, notify }
+}

docs/README.md

@@ -0,0 +1 @@
+# Hello

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "vuepress-starter",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs"
+  },
+  "devDependencies": {
+    "node-sass": "^4.14.1",
+    "sass-loader": "^10.0.3",
+    "vuepress": "^1.7.1"
+  },
+  "dependencies": {
+    "bootstrap": "^4.5.3",
+    "jquery": "^3.5.1"
+  }
+}