init

.gitignore

 node_modules/
 gb-pages/
-docs/.vuepress/dist/
+dist
 .vscode/

docs/.vuepress/components/Clock.vue

+<template>
+	<div id='clock' class="wrap">
+    <div class="clock">
+      <div class="hour" ref='hh'></div>
+      <div class="min" ref='mm'></div>
+      <div class="sec" ref='ss'></div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+	export default {
+	 	  data() {
+	 	  	return {
+	 	  		deg: 6
+	 	  	}
+	 	  },
+	      methods: {},
+	      watch: {},
+	      mounted() {
+	        setInterval(() => {
+	          let day = new Date();
+	          let hr = day.getHours() * 5 * this.deg;
+	          let mn = day.getMinutes() * this.deg;
+	          let sc = day.getSeconds() * this.deg;
+	          this.$refs.hh.style.transform = `rotateZ(${hr+(mn/12)}deg)`;
+	          this.$refs.mm.style.transform = `rotateZ(${mn}deg)`;
+	          this.$refs.ss.style.transform = `rotateZ(${sc}deg)`;
+	        }, 1000)
+	      }
+	}
+</script>
+
+<style lang="stylus" scoped>
+	.wrap {
+      width: 100%;
+      min-height: 10vh;
+      background: #fff;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .clock {
+      position: relative;
+      width: 350px;
+      height: 350px;
+      background: #fff;
+      border: 20px solid #fff;
+      border-radius: 50%;
+      box-shadow: inset 0 0 20px #666;
+      background-image: url(img/clock.jpg);
+      background-size: cover;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      /*缩小一倍*/
+      transform: scale(0.5,0.5);
+    }
+    .clock::before {
+      content: '';
+      width: 15px;
+      height: 15px;
+      background: #fff;
+      border-radius: 50%;
+      z-index: 99;
+    }
+    .hour,
+    .min,
+    .sec {
+      position: absolute;
+      display: flex;
+      justify-content: center;
+    }
+    .hour {
+      width: 160px;
+      height: 160px;
+    }
+    .min {
+      width: 190px;
+      height: 190px;
+    }
+    .sec {
+      width: 220px;
+      height: 220px;
+    }
+    .hour::before {
+      content: '';
+      width: 8px;
+      height: 80px;
+      background: #848484;
+      border-radius: 6px 6px 0 0;
+      z-index: 9;
+    }
+    .min::before {
+      content: '';
+      width: 4px;
+      height: 90px;
+      background: #eee;
+      border-radius: 8px 8px 0 0;
+      z-index: 10;
+    }
+    .sec::before {
+      content: '';
+      width: 2px;
+      height: 130px;
+      background: #f40;
+      border-radius: 6px 6px 0 0;
+      z-index: 11;
+    }
+</style>
\ No newline at end of file

docs/.vuepress/config.js

+const path = require('path');
+const nav = require('./config/nav/');
+const sidebar = require('./config/sidebar/');
+const resolvePath=(p)=>path.resolve(__dirname,p);
+
+module.exports = {
+    dest: resolvePath('../../dist'),
+    base: '/iot/',
+    title: "物联网知识库",
+    description: '物联网知识点分享',
+    head: [     
+      ['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }]
+    ],
+    theme: 'reco',
+    themeConfig:{
+      nav,
+      sidebar,
+      logo: '/vuepress/panda.png',
+      authorAvatar: '/vuepress/panda.png', //首页右侧头像
+      search: true,
+      searchMaxSuggestions: 10,
+      sidebarDepth: 2,
+      noFoundPageByTencent: false,//关闭404腾讯公益
+      lastUpdated: 'Last Updated',              
+      repo: 'https://g.civnet.cn:8443/doc/IoTDoc',//git地址
+      repoLabel: '查看源码',
+      docsBranch: 'master', // 默认是 false, 设置为 true 来启用     
+      editLinks: true,
+      editLinkText: '帮助我们改善此页面！'
+    },
+    markdown: {
+                lineNumbers: true
+              },
+  //插件配置
+  plugins: [
+
+  ]
+}  
\ No newline at end of file

docs/.vuepress/config/nav/index.js

+//导航栏
+module.exports = [
+    { text: '主页', link: '/index.html', icon: 'reco-home' },
+    { text: '边缘网关', link: '/gateway/', icon: 'reco-category' },
+    // { text: 'GitHub', link: 'https://g.civnet.cn:8443/doc/IoTDoc', target:'_blank' ,icon: 'reco-gitlab'}
+]
\ No newline at end of file

docs/.vuepress/config/sidebar/index.js

+//侧边栏
+module.exports = {
+    '/gateway/': [
+        '',
+        
+    ]
+}	
\ No newline at end of file

docs/README.md

+---
+home: true
+heroImage: /vuepress/panda.png
+heroText: 物联网知识库
+tagline: PandaIoTDoc
+actionText: 开启进阶之路
+actionLink: /views/
+features:
+- title: 简洁至上
+  details: 以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。
+- title: Vue驱动
+  details: 享受 Vue + webpack 的开发体验，在 Markdown 中使用 Vue 组件，同时可以使用 Vue 来开发自定义主题。
+- title: 高性能
+  details: VuePress 为每个页面预渲染生成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。
+footer: MIT Licensed | Copyright © 2018-present Evan You
+---
\ No newline at end of file

package.json

 {
-  "name": "IoTDoc",
+  "name": "iotdoc",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev": "vuepress dev docs",
+    "build": "vuepress build docs"
   },
   "keywords": [],
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "devDependencies": {
+    "vuepress": "^1.3.1",
+    "vuepress-theme-reco": "^1.3.2"
+  }
 }

readme.md

@@ -5,8 +5,8 @@
 ## 项目运行
 
 - 在项目文件夹下执行命令，加载依赖：`npm install`
-- 在项目文件夹下执行命令，运行项目：`npm run start`
-- 待启动成功后打开地址即可：[http://localhost:8080/znote/](http://localhost:8080/IoT/)
+- 在项目文件夹下执行命令，运行项目：`npm run build`
+- 待启动成功后打开地址即可：[http://localhost:8080/iot/](http://localhost:8080/iot/)
 
 ## 项目架构
 

webpack.config.js

+module.exports={
+
+}
\ No newline at end of file