码迷,mamicode.com
首页 > 其他好文 > 详细

111111111111111

时间:2017-07-24 09:55:34      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:分享   heap   rss   nmf   pwm   smb   uga   obj   hover   

技术分享
{".babelrc":{"isFile":true,"encoding":"utf-8","contents":"{\n  \"presets\": [\n    [\"env\", {\n      \"modules\": false,\n      \"targets\": {\n        \"browsers\": [\"> 1%\", \"last 2 versions\", \"not ie <= 8\"]\n      }\n    }],\n    \"stage-2\"\n  ],\n  \"plugins\": [\"transform-runtime\"],\n  \"env\": {\n    \"test\": {\n      \"presets\": [\"env\", \"stage-2\"],\n      \"plugins\": [\"istanbul\"]\n    }\n  }\n}\n"},".editorconfig":{"isFile":true,"encoding":"utf-8","contents":"root = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n"},".gitignore":{"isFile":true,"encoding":"utf-8","contents":".DS_Store\nnode_modules/\ndist/\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Editor directories and files\n.idea\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n"},".postcssrc.js":{"isFile":true,"encoding":"utf-8","contents":"// https://github.com/michael-ciniawsky/postcss-load-config\n\nmodule.exports = {\n  \"plugins\": {\n    // to edit target browsers: use \"browserslist\" field in package.json\n    \"autoprefixer\": {}\n  }\n}\n"},"build":{"isFile":false,"build.js":{"isFile":true,"encoding":"utf-8","contents":"require(‘./check-versions‘)()\n\nprocess.env.NODE_ENV = ‘production‘\n\nvar ora = require(‘ora‘)\nvar rm = require(‘rimraf‘)\nvar path = require(‘path‘)\nvar chalk = require(‘chalk‘)\nvar webpack = require(‘webpack‘)\nvar config = require(‘../config‘)\nvar webpackConfig = require(‘./webpack.prod.conf‘)\n\nvar spinner = ora(‘building for production...‘)\nspinner.start()\n\nrm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {\n  if (err) throw err\n  webpack(webpackConfig, function (err, stats) {\n    spinner.stop()\n    if (err) throw err\n    process.stdout.write(stats.toString({\n      colors: true,\n      modules: false,\n      children: false,\n      chunks: false,\n      chunkModules: false\n    }) + ‘\\n\\n‘)\n\n    console.log(chalk.cyan(‘  Build complete.\\n‘))\n    console.log(chalk.yellow(\n      ‘  Tip: built files are meant to be served over an HTTP server.\\n‘ +\n      ‘  Opening index.html over file:// won\\‘t work.\\n‘\n    ))\n  })\n})\n"},"check-versions.js":{"isFile":true,"encoding":"utf-8","contents":"var chalk = require(‘chalk‘)\nvar semver = require(‘semver‘)\nvar packageConfig = require(‘../package.json‘)\nvar shell = require(‘shelljs‘)\nfunction exec (cmd) {\n  return require(‘child_process‘).execSync(cmd).toString().trim()\n}\n\nvar versionRequirements = [\n  {\n    name: ‘node‘,\n    currentVersion: semver.clean(process.version),\n    versionRequirement: packageConfig.engines.node\n  },\n]\n\nif (shell.which(‘npm‘)) {\n  versionRequirements.push({\n    name: ‘npm‘,\n    currentVersion: exec(‘npm --version‘),\n    versionRequirement: packageConfig.engines.npm\n  })\n}\n\nmodule.exports = function () {\n  var warnings = []\n  for (var i = 0; i < versionRequirements.length; i++) {\n    var mod = versionRequirements[i]\n    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {\n      warnings.push(mod.name + ‘: ‘ +\n        chalk.red(mod.currentVersion) + ‘ should be ‘ +\n        chalk.green(mod.versionRequirement)\n      )\n    }\n  }\n\n  if (warnings.length) {\n    console.log(‘‘)\n    console.log(chalk.yellow(‘To use this template, you must update following to modules:‘))\n    console.log()\n    for (var i = 0; i < warnings.length; i++) {\n      var warning = warnings[i]\n      console.log(‘  ‘ + warning)\n    }\n    console.log()\n    process.exit(1)\n  }\n}\n"},"dev-client.js":{"isFile":true,"encoding":"utf-8","contents":"/* eslint-disable */\nrequire(‘eventsource-polyfill‘)\nvar hotClient = require(‘webpack-hot-middleware/client?noInfo=true&reload=true‘)\n\nhotClient.subscribe(function (event) {\n  if (event.action === ‘reload‘) {\n    window.location.reload()\n  }\n})\n"},"dev-server.js":{"isFile":true,"encoding":"utf-8","contents":"require(‘./check-versions‘)()\n\nvar config = require(‘../config‘)\nif (!process.env.NODE_ENV) {\n  process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)\n}\n\nvar opn = require(‘opn‘)\nvar path = require(‘path‘)\nvar express = require(‘express‘)\nvar webpack = require(‘webpack‘)\nvar proxyMiddleware = require(‘http-proxy-middleware‘)\nvar webpackConfig = require(‘./webpack.dev.conf‘)\n\n// default port where dev server listens for incoming traffic\nvar port = process.env.PORT || config.dev.port\n// automatically open browser, if not set will be false\nvar autoOpenBrowser = !!config.dev.autoOpenBrowser\n// Define HTTP proxies to your custom API backend\n// https://github.com/chimurai/http-proxy-middleware\nvar proxyTable = config.dev.proxyTable\n\nvar app = express()\nvar compiler = webpack(webpackConfig)\n\nvar devMiddleware = require(‘webpack-dev-middleware‘)(compiler, {\n  publicPath: webpackConfig.output.publicPath,\n  quiet: true\n})\n\nvar hotMiddleware = require(‘webpack-hot-middleware‘)(compiler, {\n  log: () => {},\n  heartbeat: 2000\n})\n// force page reload when html-webpack-plugin template changes\ncompiler.plugin(‘compilation‘, function (compilation) {\n  compilation.plugin(‘html-webpack-plugin-after-emit‘, function (data, cb) {\n    hotMiddleware.publish({ action: ‘reload‘ })\n    cb()\n  })\n})\n\n// proxy api requests\nObject.keys(proxyTable).forEach(function (context) {\n  var options = proxyTable[context]\n  if (typeof options === ‘string‘) {\n    options = { target: options }\n  }\n  app.use(proxyMiddleware(options.filter || context, options))\n})\n\n// handle fallback for HTML5 history API\napp.use(require(‘connect-history-api-fallback‘)())\n\n// serve webpack bundle output\napp.use(devMiddleware)\n\n// enable hot-reload and state-preserving\n// compilation error display\napp.use(hotMiddleware)\n\n// serve pure static assets\nvar staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)\napp.use(staticPath, express.static(‘./static‘))\n\nvar uri = ‘http://localhost:‘ + port\n\nvar _resolve\nvar readyPromise = new Promise(resolve => {\n  _resolve = resolve\n})\n\nconsole.log(‘> Starting dev server...‘)\ndevMiddleware.waitUntilValid(() => {\n  console.log(‘> Listening at ‘ + uri + ‘\\n‘)\n  // when env is testing, don‘t need open it\n  if (autoOpenBrowser && process.env.NODE_ENV !== ‘testing‘) {\n    opn(uri)\n  }\n  _resolve()\n})\n\nvar server = app.listen(port)\n\nmodule.exports = {\n  ready: readyPromise,\n  close: () => {\n    server.close()\n  }\n}\n"},"utils.js":{"isFile":true,"encoding":"utf-8","contents":"var path = require(‘path‘)\nvar config = require(‘../config‘)\nvar ExtractTextPlugin = require(‘extract-text-webpack-plugin‘)\n\nexports.assetsPath = function (_path) {\n  var assetsSubDirectory = process.env.NODE_ENV === ‘production‘\n    ? config.build.assetsSubDirectory\n    : config.dev.assetsSubDirectory\n  return path.posix.join(assetsSubDirectory, _path)\n}\n\nexports.cssLoaders = function (options) {\n  options = options || {}\n\n  var cssLoader = {\n    loader: ‘css-loader‘,\n    options: {\n      minimize: process.env.NODE_ENV === ‘production‘,\n      sourceMap: options.sourceMap\n    }\n  }\n\n  // generate loader string to be used with extract text plugin\n  function generateLoaders (loader, loaderOptions) {\n    var loaders = [cssLoader]\n    if (loader) {\n      loaders.push({\n        loader: loader + ‘-loader‘,\n        options: Object.assign({}, loaderOptions, {\n          sourceMap: options.sourceMap\n        })\n      })\n    }\n\n    // Extract CSS when that option is specified\n    // (which is the case during production build)\n    if (options.extract) {\n      return ExtractTextPlugin.extract({\n        use: loaders,\n        fallback: ‘vue-style-loader‘\n      })\n    } else {\n      return [‘vue-style-loader‘].concat(loaders)\n    }\n  }\n\n  // https://vue-loader.vuejs.org/en/configurations/extract-css.html\n  return {\n    css: generateLoaders(),\n    postcss: generateLoaders(),\n    less: generateLoaders(‘less‘),\n    sass: generateLoaders(‘sass‘, { indentedSyntax: true }),\n    scss: generateLoaders(‘sass‘),\n    stylus: generateLoaders(‘stylus‘),\n    styl: generateLoaders(‘stylus‘)\n  }\n}\n\n// Generate loaders for standalone style files (outside of .vue)\nexports.styleLoaders = function (options) {\n  var output = []\n  var loaders = exports.cssLoaders(options)\n  for (var extension in loaders) {\n    var loader = loaders[extension]\n    output.push({\n      test: new RegExp(‘\\\\.‘ + extension + ‘$‘),\n      use: loader\n    })\n  }\n  return output\n}\n"},"vue-loader.conf.js":{"isFile":true,"encoding":"utf-8","contents":"var utils = require(‘./utils‘)\nvar config = require(‘../config‘)\nvar isProduction = process.env.NODE_ENV === ‘production‘\n\nmodule.exports = {\n  loaders: utils.cssLoaders({\n    sourceMap: isProduction\n      ? config.build.productionSourceMap\n      : config.dev.cssSourceMap,\n    extract: isProduction\n  }),\n  transformToRequire: {\n    video: ‘src‘,\n    source: ‘src‘,\n    img: ‘src‘,\n    image: ‘xlink:href‘\n  }\n}\n"},"webpack.base.conf.js":{"isFile":true,"encoding":"utf-8","contents":"var path = require(‘path‘)\nvar utils = require(‘./utils‘)\nvar config = require(‘../config‘)\nvar vueLoaderConfig = require(‘./vue-loader.conf‘)\n\nfunction resolve (dir) {\n  return path.join(__dirname, ‘..‘, dir)\n}\n\nmodule.exports = {\n  entry: {\n    app: ‘./src/main.js‘\n  },\n  output: {\n    path: config.build.assetsRoot,\n    filename: ‘[name].js‘,\n    publicPath: process.env.NODE_ENV === ‘production‘\n      ? config.build.assetsPublicPath\n      : config.dev.assetsPublicPath\n  },\n  resolve: {\n    extensions: [‘.js‘, ‘.vue‘, ‘.json‘],\n    alias: {\n      ‘vue$‘: ‘vue/dist/vue.esm.js‘,\n      ‘@‘: resolve(‘src‘)\n    }\n  },\n  module: {\n    rules: [\n      {\n        test: /\\.vue$/,\n        loader: ‘vue-loader‘,\n        options: vueLoaderConfig\n      },\n      {\n        test: /\\.js$/,\n        loader: ‘babel-loader‘,\n        include: [resolve(‘src‘), resolve(‘test‘)]\n      },\n      {\n        test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,\n        loader: ‘url-loader‘,\n        options: {\n          limit: 10000,\n          name: utils.assetsPath(‘img/[name].[hash:7].[ext]‘)\n        }\n      },\n      {\n        test: /\\.(mp4|webm|ogg|mp3|wav|flac|aac)(\\?.*)?$/,\n        loader: ‘url-loader‘,\n        options: {\n          limit: 10000,\n          name: utils.assetsPath(‘media/[name].[hash:7].[ext]‘)\n        }\n      },\n      {\n        test: /\\.(woff2?|eot|ttf|otf)(\\?.*)?$/,\n        loader: ‘url-loader‘,\n        options: {\n          limit: 10000,\n          name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘)\n        }\n      }\n    ]\n  }\n}\n"},"webpack.dev.conf.js":{"isFile":true,"encoding":"utf-8","contents":"var utils = require(‘./utils‘)\nvar webpack = require(‘webpack‘)\nvar config = require(‘../config‘)\nvar merge = require(‘webpack-merge‘)\nvar baseWebpackConfig = require(‘./webpack.base.conf‘)\nvar HtmlWebpackPlugin = require(‘html-webpack-plugin‘)\nvar FriendlyErrorsPlugin = require(‘friendly-errors-webpack-plugin‘)\n\n// add hot-reload related code to entry chunks\nObject.keys(baseWebpackConfig.entry).forEach(function (name) {\n  baseWebpackConfig.entry[name] = [‘./build/dev-client‘].concat(baseWebpackConfig.entry[name])\n})\n\nmodule.exports = merge(baseWebpackConfig, {\n  module: {\n    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })\n  },\n  // cheap-module-eval-source-map is faster for development\n  devtool: ‘#cheap-module-eval-source-map‘,\n  plugins: [\n    new webpack.DefinePlugin({\n      ‘process.env‘: config.dev.env\n    }),\n    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage\n    new webpack.HotModuleReplacementPlugin(),\n    new webpack.NoEmitOnErrorsPlugin(),\n    // https://github.com/ampedandwired/html-webpack-plugin\n    new HtmlWebpackPlugin({\n      filename: ‘index.html‘,\n      template: ‘index.html‘,\n      inject: true\n    }),\n    new FriendlyErrorsPlugin()\n  ]\n})\n"},"webpack.prod.conf.js":{"isFile":true,"encoding":"utf-8","contents":"var path = require(‘path‘)\nvar utils = require(‘./utils‘)\nvar webpack = require(‘webpack‘)\nvar config = require(‘../config‘)\nvar merge = require(‘webpack-merge‘)\nvar baseWebpackConfig = require(‘./webpack.base.conf‘)\nvar CopyWebpackPlugin = require(‘copy-webpack-plugin‘)\nvar HtmlWebpackPlugin = require(‘html-webpack-plugin‘)\nvar ExtractTextPlugin = require(‘extract-text-webpack-plugin‘)\nvar OptimizeCSSPlugin = require(‘optimize-css-assets-webpack-plugin‘)\n\nvar env = config.build.env\n\nvar webpackConfig = merge(baseWebpackConfig, {\n  module: {\n    rules: utils.styleLoaders({\n      sourceMap: config.build.productionSourceMap,\n      extract: true\n    })\n  },\n  devtool: config.build.productionSourceMap ? ‘#source-map‘ : false,\n  output: {\n    path: config.build.assetsRoot,\n    filename: utils.assetsPath(‘js/[name].[chunkhash].js‘),\n    chunkFilename: utils.assetsPath(‘js/[id].[chunkhash].js‘)\n  },\n  plugins: [\n    // http://vuejs.github.io/vue-loader/en/workflow/production.html\n    new webpack.DefinePlugin({\n      ‘process.env‘: env\n    }),\n    new webpack.optimize.UglifyJsPlugin({\n      compress: {\n        warnings: false\n      },\n      sourceMap: true\n    }),\n    // extract css into its own file\n    new ExtractTextPlugin({\n      filename: utils.assetsPath(‘css/[name].[contenthash].css‘)\n    }),\n    // Compress extracted CSS. We are using this plugin so that possible\n    // duplicated CSS from different components can be deduped.\n    new OptimizeCSSPlugin({\n      cssProcessorOptions: {\n        safe: true\n      }\n    }),\n    // generate dist index.html with correct asset hash for caching.\n    // you can customize output by editing /index.html\n    // see https://github.com/ampedandwired/html-webpack-plugin\n    new HtmlWebpackPlugin({\n      filename: config.build.index,\n      template: ‘index.html‘,\n      inject: true,\n      minify: {\n        removeComments: true,\n        collapseWhitespace: true,\n        removeAttributeQuotes: true\n        // more options:\n        // https://github.com/kangax/html-minifier#options-quick-reference\n      },\n      // necessary to consistently work with multiple chunks via CommonsChunkPlugin\n      chunksSortMode: ‘dependency‘\n    }),\n    // split vendor js into its own file\n    new webpack.optimize.CommonsChunkPlugin({\n      name: ‘vendor‘,\n      minChunks: function (module, count) {\n        // any required modules inside node_modules are extracted to vendor\n        return (\n          module.resource &&\n          /\\.js$/.test(module.resource) &&\n          module.resource.indexOf(\n            path.join(__dirname, ‘../node_modules‘)\n          ) === 0\n        )\n      }\n    }),\n    // extract webpack runtime and module manifest to its own file in order to\n    // prevent vendor hash from being updated whenever app bundle is updated\n    new webpack.optimize.CommonsChunkPlugin({\n      name: ‘manifest‘,\n      chunks: [‘vendor‘]\n    }),\n    // copy custom static assets\n    new CopyWebpackPlugin([\n      {\n        from: path.resolve(__dirname, ‘../static‘),\n        to: config.build.assetsSubDirectory,\n        ignore: [‘.*‘]\n      }\n    ])\n  ]\n})\n\nif (config.build.productionGzip) {\n  var CompressionWebpackPlugin = require(‘compression-webpack-plugin‘)\n\n  webpackConfig.plugins.push(\n    new CompressionWebpackPlugin({\n      asset: ‘[path].gz[query]‘,\n      algorithm: ‘gzip‘,\n      test: new RegExp(\n        ‘\\\\.(‘ +\n        config.build.productionGzipExtensions.join(‘|‘) +\n        ‘)$‘\n      ),\n      threshold: 10240,\n      minRatio: 0.8\n    })\n  )\n}\n\nif (config.build.bundleAnalyzerReport) {\n  var BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer‘).BundleAnalyzerPlugin\n  webpackConfig.plugins.push(new BundleAnalyzerPlugin())\n}\n\nmodule.exports = webpackConfig\n"}},"config":{"isFile":false,"dev.env.js":{"isFile":true,"encoding":"utf-8","contents":"var merge = require(‘webpack-merge‘)\nvar prodEnv = require(‘./prod.env‘)\n\nmodule.exports = merge(prodEnv, {\n  NODE_ENV: ‘\"development\"‘\n})\n"},"index.js":{"isFile":true,"encoding":"utf-8","contents":"// see http://vuejs-templates.github.io/webpack for documentation.\nvar path = require(‘path‘)\n\nmodule.exports = {\n  build: {\n    env: require(‘./prod.env‘),\n    index: path.resolve(__dirname, ‘../dist/index.html‘),\n    assetsRoot: path.resolve(__dirname, ‘../dist‘),\n    assetsSubDirectory: ‘static‘,\n    assetsPublicPath: ‘/‘,\n    productionSourceMap: true,\n    // Gzip off by default as many popular static hosts such as\n    // Surge or Netlify already gzip all static assets for you.\n    // Before setting to `true`, make sure to:\n    // npm install --save-dev compression-webpack-plugin\n    productionGzip: false,\n    productionGzipExtensions: [‘js‘, ‘css‘],\n    // Run the build command with an extra argument to\n    // View the bundle analyzer report after build finishes:\n    // `npm run build --report`\n    // Set to `true` or `false` to always turn it on or off\n    bundleAnalyzerReport: process.env.npm_config_report\n  },\n  dev: {\n    env: require(‘./dev.env‘),\n    port: 8080,\n    autoOpenBrowser: true,\n    assetsSubDirectory: ‘static‘,\n    assetsPublicPath: ‘/‘,\n    proxyTable: {},\n    // CSS Sourcemaps off by default because relative paths are \"buggy\"\n    // with this option, according to the CSS-Loader README\n    // (https://github.com/webpack/css-loader#sourcemaps)\n    // In our experience, they generally work as expected,\n    // just be aware of this issue when enabling this option.\n    cssSourceMap: false\n  }\n}\n"},"prod.env.js":{"isFile":true,"encoding":"utf-8","contents":"module.exports = {\n  NODE_ENV: ‘\"production\"‘\n}\n"}},"index.html":{"isFile":true,"encoding":"utf-8","contents":"<!DOCTYPE html>\n<html>\n\n<head>\n    <meta charset=\"utf-8\" name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <link rel=\"stylesheet\" href=\"https://at.alicdn.com/t/font_ozalxph364t8d7vi.css\">\n    <title>my-blog</title>\n</head>\n\n<body>\n    <div id=\"app\"></div>\n    <!-- built files will be auto injected -->\n</body>\n\n</html>"},"package.json":{"isFile":true,"encoding":"utf-8","contents":"{\n  \"name\": \"my-blog\",\n  \"version\": \"1.0.0\",\n  \"description\": \"A Vue.js project\",\n  \"author\": \"ChenLiang <236338364@qq.com>\",\n  \"private\": true,\n  \"scripts\": {\n    \"dev\": \"node build/dev-server.js\",\n    \"start\": \"node build/dev-server.js\",\n    \"build\": \"node build/build.js\"\n  },\n  \"dependencies\": {\n    \"axios\": \"^0.16.2\",\n    \"element-ui\": \"^1.3.7\",\n    \"marked\": \"^0.3.6\",\n    \"mavon-editor\": \"^2.1.8\",\n    \"vue\": \"^2.3.3\",\n    \"vue-resource\": \"^1.3.3\",\n    \"vue-router\": \"^2.5.3\",\n    \"vuex\": \"^2.3.1\"\n  },\n  \"devDependencies\": {\n    \"autoprefixer\": \"^6.7.2\",\n    \"babel-core\": \"^6.22.1\",\n    \"babel-loader\": \"^6.2.10\",\n    \"babel-plugin-transform-runtime\": \"^6.22.0\",\n    \"babel-preset-env\": \"^1.3.2\",\n    \"babel-preset-stage-2\": \"^6.22.0\",\n    \"babel-register\": \"^6.22.0\",\n    \"chalk\": \"^1.1.3\",\n    \"connect-history-api-fallback\": \"^1.3.0\",\n    \"copy-webpack-plugin\": \"^4.0.1\",\n    \"css-loader\": \"^0.28.0\",\n    \"eventsource-polyfill\": \"^0.9.6\",\n    \"express\": \"^4.14.1\",\n    \"extract-text-webpack-plugin\": \"^2.0.0\",\n    \"file-loader\": \"^0.11.1\",\n    \"friendly-errors-webpack-plugin\": \"^1.1.3\",\n    \"html-webpack-plugin\": \"^2.28.0\",\n    \"http-proxy-middleware\": \"^0.17.3\",\n    \"webpack-bundle-analyzer\": \"^2.2.1\",\n    \"semver\": \"^5.3.0\",\n    \"shelljs\": \"^0.7.6\",\n    \"opn\": \"^4.0.2\",\n    \"optimize-css-assets-webpack-plugin\": \"^1.3.0\",\n    \"ora\": \"^1.2.0\",\n    \"rimraf\": \"^2.6.0\",\n    \"url-loader\": \"^0.5.8\",\n    \"vue-loader\": \"^12.1.0\",\n    \"vue-style-loader\": \"^3.0.1\",\n    \"vue-template-compiler\": \"^2.3.3\",\n    \"webpack\": \"^2.6.1\",\n    \"webpack-dev-middleware\": \"^1.10.0\",\n    \"webpack-hot-middleware\": \"^2.18.0\",\n    \"webpack-merge\": \"^4.1.0\"\n  },\n  \"engines\": {\n    \"node\": \">= 4.0.0\",\n    \"npm\": \">= 3.0.0\"\n  },\n  \"browserslist\": [\n    \"> 1%\",\n    \"last 2 versions\",\n    \"not ie <= 8\"\n  ]\n}\n"},"README.md":{"isFile":true,"encoding":"utf-8","contents":"# my-blog\n\n> A Vue.js project\n\n## Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n```\n\nFor detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).\n"},"src":{"isFile":false,"App.vue":{"isFile":true,"encoding":"utf-8","contents":"<template>\n  <div id=\"app\">\n\t\t<router-view></router-view>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: ‘app‘\n}\n</script>\n\n<style>\n@import url(\"../static/css/main.css\");\n#app {\n  font-family: ‘Avenir‘, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  /*margin-top: 60px;*/\n}\n</style>\n"},"assets":{"isFile":false,"logo.png":{"isFile":true,"encoding":"base64","contents":"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"}},"components":{"isFile":false,"common":{"isFile":false,"Header.vue":{"isFile":true,"encoding":"utf-8","contents":"<template>\r\n    <div class=\"m-header\">\r\n        <div class=\"m-avatar\">\r\n            <img class=\"left-avatar\" src=\"../../../static/images/head1.jpg\"/>\r\n            <p>我的博客我的博客我的博客我的博客</p>\r\n        </div>\r\n        <div class=\"md-menu\">\r\n            <el-menu mode=\"horizontal\">\r\n                <el-menu-item index=\"0\"><i class=\"iconfont icon-wenzhang\"></i>Article</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"1\"><i class=\"iconfont icon-about\"></i>About</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"2\"><i class=\"iconfont icon-comments\"></i>Comment</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"3\"><i class=\"iconfont icon-icon3\"></i>Contact</el-menu-item>\r\n            </el-menu>\r\n        </div>\r\n         <div class=\"xs-menu\">\r\n             <i class=\"iconfont\" :class=\"menuOpen ? ‘icon-caidandakai‘ : ‘icon-caidan‘\" @click=\"menuHandle\"></i>\r\n        </div>\r\n        <div class=\"m-detail\" v-show=\"menuOpen\">\r\n            <el-menu theme=\"dark\">\r\n                <el-menu-item index=\"0\"><i class=\"iconfont icon-wenzhang\"></i>Article</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"1\"><i class=\"iconfont icon-about\"></i>About</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"2\"><i class=\"iconfont icon-comments\"></i>Comment</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"3\"><i class=\"iconfont icon-icon3\"></i>Contact</el-menu-item>\r\n            </el-menu>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        data() {\r\n            return {\r\n                menuOpen: false,\r\n            }\r\n        },\r\n        methods: {\r\n            menuHandle() {\r\n                this.menuOpen = !this.menuOpen;\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style>\r\n@import url(\"../../../static/css/header.css\");\r\n</style>"},"leftNav.vue":{"isFile":true,"encoding":"utf-8","contents":"<template>\r\n\t<div class=\"left-nav\">\r\n\t\t<div class=\"left-search\">\r\n\t\t\t<el-input placeholder=\"blog search\" icon=\"search\"></el-input>\r\n\t\t</div>\r\n\t\t<div class=\"left-header\">\r\n\t\t\t<el-row>\r\n\t\t\t\t<el-col :span=\"24\"><img class=\"left-avatar\" src=\"../../../static/images/head1.jpg\"/></el-col>\r\n\t\t\t</el-row>\r\n\t\t\t<div class=\"left-mes\">\r\n\t\t\t\t<p>I am chenliang</p>\r\n\t\t\t\t<p>I am chenliang</p>\r\n\t\t\t\t<p>I am chenliang</p>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"left-menu\">\r\n\t\t\t<el-menu theme=\"dark\" class=\"tabs-menu\">\r\n\t\t\t\t<!-- <el-menu-item index=\"0\"><i class=\"el-icon-document\"></i>Article</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"1\"><i class=\"el-icon-setting\"></i>About</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"2\"><i class=\"el-icon-edit\"></i>Comment</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"3\"><i class=\"el-icon-message\"></i>Contact</el-menu-item> -->\r\n\t\t\t\t<el-menu-item index=\"0\"><i class=\"iconfont icon-wenzhang\"></i>Article</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"1\"><i class=\"iconfont icon-about\"></i>About</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"2\"><i class=\"iconfont icon-comments\"></i>Comment</el-menu-item>\r\n\t\t\t\t<el-menu-item index=\"3\"><i class=\"iconfont icon-icon3\"></i>Contact</el-menu-item>\r\n\t\t\t</el-menu>\r\n\t\t</div>\r\n\t\t<!-- <div class=\"left-social\">\r\n\t\t\t<el-row>\r\n\t\t\t\t<el-col :span=\"24\">\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li><i class=\"iconfont icon-github\"></i></li>\r\n\t\t\t\t\t\t<li><i class=\"iconfont icon-weibo\"></i></li>\r\n\t\t\t\t\t\t<li><i class=\"iconfont icon-weixin\"></i></li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</el-col>\r\n\t\t\t</el-row>\r\n\t\t</div> -->\r\n\t\t<!-- <el-row class=\"left-social\">\r\n\t\t\t<el-col :span=\"2\" :offset=\"6\">\r\n\t\t\t\t<i class=\"iconfont icon-github\"></i>\r\n\t\t\t</el-col>\r\n\t\t\t<el-col :span=\"2\" :offset=\"3\">\r\n\t\t\t\t<i class=\"iconfont icon-weibo\"></i>\r\n\t\t\t</el-col>\r\n\t\t\t<el-col :span=\"2\" :offset=\"3\">\r\n\t\t\t\t<i class=\"iconfont icon-weixin1\"></i>\r\n\t\t\t</el-col>\r\n\t\t</el-row> -->\r\n\t\t<el-row class=\"left-social\">\r\n\t\t\t<el-col :span=\"24\">\r\n\t\t\t\t<i class=\"iconfont icon-github\"></i>\r\n\t\t\t</el-col>\r\n\t\t</el-row>\r\n\t\t<el-row class=\"left-social\">\r\n\t\t\t<el-col :span=\"24\">\r\n\t\t\t\t<i class=\"iconfont icon-weibo\"></i>\r\n\t\t\t</el-col>\r\n\t\t</el-row>\r\n\t\t<el-row class=\"left-social\">\r\n\t\t\t<el-col :span=\"24\">\r\n\t\t\t\t<i class=\"iconfont icon-weixin\"></i>\r\n\t\t\t</el-col>\r\n\t\t</el-row>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n</script>\r\n\r\n<style scoped>\r\n\t@import url(\"../../../static/css/leftnav.css\");\r\n</style>"}},"Hello.vue":{"isFile":true,"encoding":"utf-8","contents":"<template>\n  <div class=\"hello\">\n    <h1>{{ msg }}</h1>\n    <h2>Essential Links</h2>\n    <ul>\n      <li><a href=\"https://vuejs.org\" target=\"_blank\">Core Docs</a></li>\n      <li><a href=\"https://forum.vuejs.org\" target=\"_blank\">Forum</a></li>\n      <li><a href=\"https://gitter.im/vuejs/vue\" target=\"_blank\">Gitter Chat</a></li>\n      <li><a href=\"https://twitter.com/vuejs\" target=\"_blank\">Twitter</a></li>\n      <br>\n      <li><a href=\"http://vuejs-templates.github.io/webpack/\" target=\"_blank\">Docs for This Template</a></li>\n    </ul>\n    <h2>Ecosystem</h2>\n    <ul>\n      <li><a href=\"http://router.vuejs.org/\" target=\"_blank\">vue-router</a></li>\n      <li><a href=\"http://vuex.vuejs.org/\" target=\"_blank\">vuex</a></li>\n      <li><a href=\"http://vue-loader.vuejs.org/\" target=\"_blank\">vue-loader</a></li>\n      <li><a href=\"https://github.com/vuejs/awesome-vue\" target=\"_blank\">awesome-vue</a></li>\n    </ul>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: ‘hello‘,\n  data () {\n    return {\n      msg: ‘Welcome to Your Vue.js App‘\n    }\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\nh1, h2 {\n  font-weight: normal;\n}\n\nul {\n  list-style-type: none;\n  padding: 0;\n}\n\nli {\n  display: inline-block;\n  margin: 0 10px;\n}\n\na {\n  color: #42b983;\n}\n</style>\n"},"page":{"isFile":false,"Article.vue":{"isFile":true,"encoding":"utf-8","contents":"<template>\r\n\t<div class=\"blog-article\">\r\n\t\t<leftNav></leftNav>\r\n\t\t<mHeader></mHeader>\r\n\t\t<div class=\"blog-content\">\r\n\t\t\t<div class=\"blog-header\">\r\n\t\t\t\t<el-breadcrumb separator=\"/\" class=\"breadcrumb\">\r\n\t\t\t\t\t<el-breadcrumb-item :to=\"{ path: ‘/‘ }\">首页</el-breadcrumb-item>\r\n\t\t\t\t\t<el-breadcrumb-item>活动管理</el-breadcrumb-item>\r\n\t\t\t\t\t<el-breadcrumb-item>活动列表</el-breadcrumb-item>\r\n\t\t\t\t\t<el-breadcrumb-item>活动详情</el-breadcrumb-item>\r\n\t\t\t\t</el-breadcrumb>\r\n\t\t\t\t<i class=\"switch-type iconfont\" :class=\"switchType ? ‘icon-zhanshiguanli01‘ : ‘icon-show‘\" @click=\"switchHandle\"></i>\r\n\t\t\t</div>\r\n\t\t\t<el-row :gutter=\"10\">\r\n\t\t\t\t<template v-for=\"(blog, i) in blogs\">\r\n\t\t\t\t\t<el-col :md=\"contentCol\">\r\n\t\t\t\t\t\t<el-card class=\"box-card\">\r\n\t\t\t\t\t\t\t<div class=\"blog-title\">\r\n\t\t\t\t\t\t\t\t<router-link to=\"/\"><h2>{{ blog.title }}</h2></router-link>\r\n\t\t\t\t\t\t\t\t<span class=\"blog-postdata\">{{ blog.postdate }}</span>\r\n\t\t\t\t\t\t\t\t<span class=\"blog-view\"><i class=\"el-icon-search title-icon\"></i>{{ blog.view }}</span>\r\n\t\t\t\t\t\t\t\t<span class=\"blog-start\"><i class=\"title-icon el-icon-star-on\"></i>{{ blog.start }}</span>\r\n\t\t\t\t\t\t\t\t<span class=\"blog-tags\" v-for=\"tag in blog.tags\">\r\n\t\t\t\t\t\t\t\t\t<el-tag type=\"primary\">{{ tag }}</el-tag>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<img v-if=\"blog.image\" :src=\"blog.image\" class=\"box-card-image\">\r\n\t\t\t\t\t\t\t<img v-else :src=\"imageDefault\" class=\"box-card-image\">\r\n\t\t\t\t\t\t\t<div class=\"blog-summary\">\r\n\t\t\t\t\t\t\t\t<p :title=\"blog.summary\">{{ blog.summary }}</p>\r\n\t\t\t\t\t\t\t\t<el-button type=\"primary\">阅读全文</el-button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</el-card>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</template>\r\n\t\t\t\t\r\n\t\t\t\t<!--<el-col :md=\"12\">\r\n\t\t\t\t\t<el-card class=\"box-card\">\r\n\t\t\t\t\t\t<div class=\"blog-title\">\r\n\t\t\t\t\t\t\t<router-link to=\"/\"><h2>使用Vue的时候,是如何写特效的?</h2></router-link>\r\n\t\t\t\t\t\t\t<span class=\"blog-postdata\">2017-07-22</span>\r\n\t\t\t\t\t\t\t<span class=\"blog-view\"><i class=\"el-icon-search title-icon\"></i>88888</span>\r\n\t\t\t\t\t\t\t<span class=\"blog-start\"><i class=\"el-icon-star-on title-icon\"></i>88888</span>\r\n\t\t\t\t\t\t\t<span class=\"blog-tags\">\r\n\t\t\t\t\t\t\t\t<el-tag type=\"primary\">标签一</el-tag>\r\n\t\t\t\t\t\t\t\t<el-tag type=\"primary\">标签二</el-tag>\r\n\t\t\t\t\t\t\t\t<el-tag type=\"primary\">标签三</el-tag>\r\n\t\t\t\t\t\t\t\t<el-tag type=\"primary\">标签四</el-tag>\r\n\t\t\t\t\t\t\t\t<el-tag type=\"primary\">标签五</el-tag>\r\n\t\t\t\t\t\t\t\t<el-tag type=\"primary\">标签六</el-tag>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<img v-if=\"hasImg\" src=\"../../../static/images/pic2.jpg\" class=\"box-card-image\">\r\n\t\t\t\t\t\t<div class=\"blog-summary\">\r\n\t\t\t\t\t\t\t<p>摘要: 学习完Bootstrap之后。想做一个管理台。但是Bootstrap是可是自适应,但我的需求是希望左侧菜单栏固定大小。 排除万难~走向胜利!</p>\r\n\t\t\t\t\t\t\t<el-button type=\"primary\">阅读全文</el-button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</el-card>\r\n\t\t\t\t</el-col>-->\r\n\t\t\t\t\r\n\t\t\t</el-row>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport leftNav from ‘../common/leftNav‘\r\n\timport mHeader from ‘../common/Header‘\r\n\timport marked from ‘marked‘\r\n\timport axios from ‘axios‘\r\n\texport default {\r\n\t\tname: ‘article‘,\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\timageDefault: ‘../../../static/images/pic3.jpg‘,\r\n\t\t\t\tswitchType: true,\r\n\t\t\t\tcontentCol: 12,\r\n\t\t\t\tblogs: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: ‘使用Vue的时候,是如何写特效的1?‘,\r\n\t\t\t\t\t\tpostdate: ‘2017-07-22‘,\r\n\t\t\t\t\t\tview: 569821,\r\n\t\t\t\t\t\tstart: 95681,\r\n\t\t\t\t\t\ttags: [‘Vue‘,‘Javascript‘,‘MySql‘],\r\n\t\t\t\t\t\tsummary: ‘摘要: 学习完Bootstrap之后。想做一个管理台。但是Bootstrap是可是自适应,但我的需求是希望左侧菜单栏固定大小。 排除万难~走向胜利!‘,\r\n//\t\t\t\t\t\timage: ‘../../../static/images/pic1.jpg‘\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: ‘使用Vue的时候,是如何写特效的2?‘,\r\n\t\t\t\t\t\tpostdate: ‘2017-07-22‘,\r\n\t\t\t\t\t\tview: 569821,\r\n\t\t\t\t\t\tstart: 95681,\r\n\t\t\t\t\t\ttags: [‘Vue‘,‘Javascript‘,‘MySql‘],\r\n\t\t\t\t\t\tsummary: ‘摘要: 学习完Bootstrap之后。想做一个管理台。但是Bootstrap是可是自适应,但我的需求是希望左侧菜单栏固定大小。 排除万难~走向胜利!学习完Bootstrap之后。想做一个管理台。但是Bootstrap是可是自适应,但我的需求是希望左侧菜单栏固定大小。 排除万难~走向胜利!‘,\r\n\t\t\t\t\t\timage: ‘../../../static/images/pic2.jpg‘\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: ‘使用Vue的时候,是如何写特效的3?‘,\r\n\t\t\t\t\t\tpostdate: ‘2017-07-22‘,\r\n\t\t\t\t\t\tview: 569821,\r\n\t\t\t\t\t\tstart: 95681,\r\n\t\t\t\t\t\ttags: [‘Vue‘,‘Javascript‘,‘MySql‘],\r\n\t\t\t\t\t\tsummary: ‘摘要: 学习完Bootstrap之后。想做一个管理台。但是Bootstrap是可是自适应,但我的需求是希望左侧菜单栏固定大小。 排除万难~走向胜利!‘,\r\n\t\t\t\t\t\timage: ‘../../../static/images/pic7.jpg‘\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: ‘使用Vue的时候,是如何写特效的4?‘,\r\n\t\t\t\t\t\tpostdate: ‘2017-07-22‘,\r\n\t\t\t\t\t\tview: 569821,\r\n\t\t\t\t\t\tstart: 95681,\r\n\t\t\t\t\t\ttags: [‘Vue‘,‘Javascript‘,‘MySql‘],\r\n\t\t\t\t\t\tsummary: ‘摘要: 学习完Bootstrap之后。想做一个管理台。但是Bootstrap是可是自适应,但我的需求是希望左侧菜单栏固定大小。 排除万难~走向胜利!‘,\r\n\t\t\t\t\t\timage: ‘../../../static/images/pic4.jpg‘\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomponents: {\r\n\t\t\tleftNav,\r\n\t\t\tmHeader\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tswitchHandle() {\r\n\t\t\t\tthis.switchType = !this.switchType;\r\n\t\t\t\tthis.contentCol = this.contentCol == 12 ? 24 : 12;\r\n\t\t\t},\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\t// var self = this;\r\n\t\t\t// let LocalAPI = \"../../../static/demo.md\";\r\n\t\t\t// let GitHubAPI = \"https://api.github.com/users/johnny\";\r\n\t\t\t// axios.get(LocalAPI).then( (response) => {\r\n            //     console.log(response);\r\n            //     this.content = marked(response.data);\r\n            // },(response) => {\r\n            //     console.log(‘error‘);\r\n            // })\r\n\t\t}\r\n\t}\r\n\t\r\n//\tvar md = \"### 7. 阅读工具栏\";\r\n//\tvar content = marked(md);\r\n//\tconsole.log(‘content‘, content)\r\n\t\r\n</script>\r\n\r\n<style scoped>\r\n\t@import url(\"../../../static/css/article.css\");\r\n\t/*@import url(\"../../../static/css/markdown.css\");*/\r\n</style>"},"Home.vue":{"isFile":true,"encoding":"utf-8","contents":"<template>\r\n  \r\n</template>\r\n"},"Test.vue":{"isFile":true,"encoding":"utf-8","contents":"<template>\r\n  <div class=\"container\">\r\n      <el-row :gutter=\"10\">\r\n        <el-col :md=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\r\n        <el-col :md=\"8\"><div class=\"grid-content bg-purple-light\"></div></el-col>\r\n        <el-col :md=\"8\"><div class=\"grid-content bg-purple\"></div></el-col>\r\n        <el-col :md=\"4\"><div class=\"grid-content bg-purple-light\"></div></el-col>\r\n      </el-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  \r\n}\r\n</script>\r\n\r\n<style>\r\n  .el-col {\r\n    border-radius: 4px;\r\n  }\r\n  .bg-purple-dark {\r\n    background: #99a9bf;\r\n  }\r\n  .bg-purple {\r\n    background: #d3dce6;\r\n  }\r\n  .bg-purple-light {\r\n    background: #e5e9f2;\r\n  }\r\n  .grid-content {\r\n    border-radius: 4px;\r\n    min-height: 36px;\r\n  }\r\n  .container {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .container {\r\n      width: 750px;\r\n    }\r\n  }\r\n  @media (min-width: 992px) {\r\n    .container {\r\n      width: 970px;\r\n    }\r\n  }\r\n  @media (min-width: 1200px) {\r\n    .container {\r\n      width: 1170px;\r\n    }\r\n  }\r\n</style>"}}},"main.js":{"isFile":true,"encoding":"utf-8","contents":"// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from ‘vue‘\nimport App from ‘./App‘\nimport router from ‘./router/index‘\nimport ElementUI from ‘element-ui‘\nimport ‘element-ui/lib/theme-default/index.css‘\nimport mavonEditor from ‘mavon-editor‘\n\nVue.use(ElementUI)\nVue.use(mavonEditor)\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n    el: ‘#app‘,\n    router,\n    template: ‘<App/>‘,\n    components: { App }\n})"},"router":{"isFile":false,"index.js":{"isFile":true,"encoding":"utf-8","contents":"import Vue from ‘vue‘\nimport Router from ‘vue-router‘\nimport Hello from ‘@/components/Hello‘\nimport Home from ‘@/components/page/Home‘\nimport Article from ‘@/components/page/Article‘\n\nVue.use(Router)\n\nexport default new Router({\n  routes: [\n    {\n      path: ‘/‘,\n      name: ‘Home‘,\n      component: Home\n    },\n    {\n    \tpath: ‘/article‘,\n    \tname: ‘Article‘,\n    \tcomponent: Article,\n    }\n  ]\n})\n"}}},"static":{"isFile":false,"css":{"isFile":false,"article.css":{"isFile":true,"encoding":"utf-8","contents":".blog-article {\r\n    width: 100%;\r\n    height: 100%;\r\n    /*background: url(\"../images/pic6.jpg\") no-repeat;*/\r\n}\r\n\r\n.blog-content {\r\n    position: absolute;\r\n    right: 0;\r\n    box-sizing: border-box;\r\n    padding: 30px;\r\n    width: 80%;\r\n    background: #EBEBEB;\r\n    overflow: auto;\r\n}\r\n\r\n@media only screen and (max-width: 992px) {\r\n    .blog-content {\r\n        width: 100%;\r\n    }\r\n    .switch-type {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 992px) {\r\n    .blog-content {\r\n        width: 80%;\r\n        height: 100%;\r\n    }\r\n    /* .box-card-image{\r\n\t\theight: 250px;\r\n\t} */\r\n}\r\n\r\n.blog-header {\r\n    padding: 20px;\r\n    margin-bottom: 10px;\r\n    margin-top: -30px;\r\n}\r\n\r\n.breadcrumb {\r\n    float: left;\r\n}\r\n\r\n.switch-type {\r\n    float: right;\r\n    cursor: pointer;\r\n}\r\n\r\n.box-card {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.box-card-image {\r\n    width: 60%;\r\n}\r\n\r\n.box-card:hover {\r\n    background: #EFF2F7;\r\n}\r\n\r\n.blog-title {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.blog-title a {\r\n    text-decoration: none;\r\n    color: #000;\r\n}\r\n\r\n.blog-title span {\r\n    font: 400 12px/22px Arial;\r\n    color: #999;\r\n    padding: 0 5px;\r\n}\r\n\r\n.blog-title .title-icon {\r\n    margin-right: 5px;\r\n}\r\n\r\n.blog-start {\r\n    cursor: pointer;\r\n}\r\n\r\n.blog-tags span {\r\n    cursor: pointer;\r\n}\r\n\r\n.blog-summary p {\r\n    text-align: left;\r\n    text-indent: 2em;\r\n    height: 4em;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n.blog-summary button {\r\n    float: right;\r\n    margin-bottom: 20px;\r\n}"},"header.css":{"isFile":true,"encoding":"utf-8","contents":".m-header {\r\n    height: 60px;\r\n}\r\n\r\n.m-avatar {\r\n    width: 200px;\r\n    margin-left: 30px;\r\n    float: left;\r\n}\r\n\r\n.m-avatar img {\r\n    float: left;\r\n}\r\n\r\n.m-avatar p {\r\n    line-height: 60px;\r\n    margin: 0;\r\n    text-align: left;\r\n    text-indent: 10px;\r\n}\r\n\r\n.md-menu {\r\n    margin-right: 30px;\r\n    float: right;\r\n    display: none;\r\n}\r\n\r\n.md-menu ul {\r\n    background: #fff;\r\n}\r\n\r\n.xs-menu {\r\n    line-height: 60px;\r\n    float: right;\r\n    margin-right: 30px;\r\n}\r\n\r\n.m-detail {\r\n    position: absolute;\r\n    width: 100%;\r\n    opacity: 0.8;\r\n    color: #fff;\r\n    z-index: 99;\r\n    margin-top: 60px;\r\n}\r\n\r\n@media only screen and (min-width: 992px) {\r\n    .m-header {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 768px) {\r\n    .xs-menu,\r\n    .m-detail {\r\n        display: none;\r\n    }\r\n    .md-menu {\r\n        display: block;\r\n    }\r\n}"},"home.css":{"isFile":true,"encoding":"utf-8","contents":".blog-home{\r\n\tbackground: #5E7382;\r\n\tcolor: #fff;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: url(\"../images/pic1.jpg\") no-repeat;\r\n}\r\n.blog-main{\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttop: 50%;\r\n\twidth: 400px;\r\n\theight: 200px;\r\n\tmargin-left: -200px;\r\n\tmargin-top: -100px;\r\n\t/*background: #008000;*/\r\n}\r\n.blog-avatar{\r\n\twidth: 100px;\r\n\theight: 100px;\r\n\tposition: relative;\r\n\tleft: 50%;\r\n\tmargin-left: -50px;\r\n}\r\n.blog-avatar img{\r\n\twidth: 100%;\r\n\tborder-radius: 50%;\r\n\tcursor: pointer;\r\n}\r\n.blog-nav{\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\tcolor: #fff;\r\n}\r\n.blog-nav a{\r\n\ttext-decoration: none;\r\n\tcolor: #fff;\r\n}\r\n.blog-nav ul{\r\n\tlist-style-type: none;\r\n\tpadding: 0;\r\n}\r\n.blog-nav ul li{\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tpadding: 0 10px 5px 10px;\r\n}\r\n.blog-nav ul li:hover{\r\n\tborder-bottom: 3px solid #20a0ff;\r\n}\r\n.blog-sear{\r\n\tposition: absolute;\r\n    width: 100%;\r\n\tbottom: 0;\r\n}\r\n.blog-sear i.el-icon-search{\r\n\tcursor: pointer;\r\n}"},"leftnav.css":{"isFile":true,"encoding":"utf-8","contents":".left-nav {\r\n    position: fixed;\r\n    height: 100%;\r\n    /*background: url(\"../images/pic7.jpg\") no-repeat;*/\r\n    background: #324157;\r\n    float: left;\r\n    color: #fff;\r\n}\r\n\r\n@media only screen and (max-width: 992px) {\r\n    .left-nav {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 992px) {\r\n    .left-nav {\r\n        width: 20%;\r\n    }\r\n}\r\n\r\n.left-search {\r\n    margin: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.left-search input {\r\n    background-color: transparent;\r\n    color: #fff;\r\n}\r\n\r\n.left-header {\r\n    position: relative;\r\n    padding: 30px;\r\n}\r\n\r\n.left-avatar {\r\n    width: 30%;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n/* .left-social {\r\n    position: relative;\r\n    top: 100px;\r\n    padding: 30px;\r\n}\r\n\r\n.left-social ul {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.left-social ul li {\r\n    float: left;\r\n    padding: 0 5px;\r\n} */\r\n\r\n.left-social {\r\n    position: relative;\r\n    top: 100px;\r\n    padding: 10px;\r\n}\r\n\r\n.left-social i {\r\n    font-size: 32px;\r\n    cursor: pointer;\r\n}\r\n\r\n.left-social .icon-github:hover {\r\n    color: #f66;\r\n}\r\n\r\n.left-social .icon-weibo:hover {\r\n    color: #f08787;\r\n}\r\n\r\n.left-social .icon-weixin:hover {\r\n    color: #46af35;\r\n}"},"main.css":{"isFile":true,"encoding":"utf-8","contents":"body,\r\nhtml,\r\n#app {\r\n    margin: 0;\r\n    padding: 0;\r\n    height: 100%;\r\n}\r\n\r\n.iconfont {\r\n    margin-right: 10px;\r\n    cursor: pointer\r\n}"},"markdown.css":{"isFile":true,"encoding":"utf-8","contents":"h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np,\r\nblockquote {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\nbody {\r\n    font-family: \"Helvetica Neue\", Helvetica, \"Hiragino Sans GB\", Arial, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 18px;\r\n    color: #737373;\r\n    background-color: white;\r\n    margin: 10px 13px 10px 13px;\r\n}\r\ntable {\r\n    margin: 10px 0 15px 0;\r\n    border-collapse: collapse;\r\n}\r\ntd,th { \r\n    border: 1px solid #ddd;\r\n    padding: 3px 10px;\r\n}\r\nth {\r\n    padding: 5px 10px;  \r\n}\r\n\r\na {\r\n    color: #0069d6;\r\n}\r\na:hover {\r\n    color: #0050a3;\r\n    text-decoration: none;\r\n}\r\na img {\r\n    border: none;\r\n}\r\np {\r\n    margin-bottom: 9px;\r\n}\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n    color: #404040;\r\n    line-height: 36px;\r\n}\r\nh1 {\r\n    margin-bottom: 18px;\r\n    font-size: 30px;\r\n}\r\nh2 {\r\n    font-size: 24px;\r\n}\r\nh3 {\r\n    font-size: 18px;\r\n}\r\nh4 {\r\n    font-size: 16px;\r\n}\r\nh5 {\r\n    font-size: 14px;\r\n}\r\nh6 {\r\n    font-size: 13px;\r\n}\r\nhr {\r\n    margin: 0 0 19px;\r\n    border: 0;\r\n    border-bottom: 1px solid #ccc;\r\n}\r\nblockquote {\r\n    padding: 13px 13px 21px 15px;\r\n    margin-bottom: 18px;\r\n    font-family:georgia,serif;\r\n    font-style: italic;\r\n}\r\nblockquote:before {\r\n    content:\"\\201C\";\r\n    font-size:40px;\r\n    margin-left:-10px;\r\n    font-family:georgia,serif;\r\n    color:#eee;\r\n}\r\nblockquote p {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    line-height: 18px;\r\n    margin-bottom: 0;\r\n    font-style: italic;\r\n}\r\ncode, pre {\r\n    font-family: Monaco, Andale Mono, Courier New, monospace;\r\n}\r\ncode {\r\n    background-color: #fee9cc;\r\n    color: rgba(0, 0, 0, 0.75);\r\n    padding: 1px 3px;\r\n    font-size: 12px;\r\n    -webkit-border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    border-radius: 3px;\r\n}\r\npre {\r\n    display: block;\r\n    padding: 14px;\r\n    margin: 0 0 18px;\r\n    line-height: 16px;\r\n    font-size: 11px;\r\n    border: 1px solid #d9d9d9;\r\n    white-space: pre-wrap;\r\n    word-wrap: break-word;\r\n}\r\npre code {\r\n    background-color: #fff;\r\n    color:#737373;\r\n    font-size: 11px;\r\n    padding: 0;\r\n}\r\nsup {\r\n    font-size: 0.83em;\r\n    vertical-align: super;\r\n    line-height: 0;\r\n}\r\n* {\r\n    -webkit-print-color-adjust: exact;\r\n}\r\n@media screen and (min-width: 914px) {\r\n    body {\r\n        width: 854px;\r\n        margin:10px auto;\r\n    }\r\n}\r\n@media print {\r\n    body,code,pre code,h1,h2,h3,h4,h5,h6 {\r\n        color: black;\r\n    }\r\n    table, pre {\r\n        page-break-inside: avoid;\r\n    }\r\n}"}},"images":{"isFile":false},"js":{"isFile":false}}}
View Code

 

111111111111111

标签:分享   heap   rss   nmf   pwm   smb   uga   obj   hover   

原文地址:http://www.cnblogs.com/moon-future/p/7226885.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!