15 | {{item.title}}
10 |{{item.gist}}
11 | 12 |-
4 |
- 5 | 6 | {{li.type}} ( {{li.list.length}} ) 7 | 8 |
Archives
8 |
3 |
6 |
7 |
10 |
12 |
13 |
14 |
35 |
36 |
64 |
--------------------------------------------------------------------------------
/src/components/list_home.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
12 |
13 |
29 |
30 |
67 |
--------------------------------------------------------------------------------
/server/db.js:
--------------------------------------------------------------------------------
1 | // Schema、Model、Entity或者Documents的关系请牢记，Schema生成Model，Model创造Entity，Model和Entity都可对数据库操作造成影响，但Model比Entity更具操作性。
2 | const mongoose = require('mongoose');
3 | // 连接数据库 如果不自己创建 默认test数据库会自动生成
4 | mongoose.connect('mongodb://localhost/tao');
5 |
6 | // 为这次连接绑定事件
7 | const db = mongoose.connection;
8 | db.once('error',() => console.log('Mongo connection error'));
9 | db.once('open',() => console.log('Mongo connection successed'));
10 | /************** 定义模式Schema **************/
11 | // const loginSchema = mongoose.Schema({
12 | // account : String,
13 | // password : String
14 | // });
15 |
16 | //user
17 | const userSchema = new mongoose.Schema({
18 | name: String,
19 | password: String,
20 | nickName: String,
21 | type: String,//1管理员，2游客
22 | token: String,
23 | avatar: String
24 | })
25 | //文章
26 | const articleSchema = new mongoose.Schema({
27 | title: String,
28 | date: String,
29 | category: Array,
30 | gist: String,
31 | content: String,
32 | comments: Array
33 | })
34 | //demo
35 | const demoSchema = new mongoose.Schema({
36 | title: String,
37 | date: String,
38 | file: String,
39 | pic: String,
40 | gist: String,
41 | })
42 | /************** 定义模型Model **************/
43 | // const Models = {
44 | // Login : mongoose.model('Login',loginSchema)
45 | // }
46 |
47 | const Models = {
48 | User: mongoose.model('User', userSchema),
49 | Article: mongoose.model('Article', articleSchema),
50 | Demo: mongoose.model('Demo', demoSchema)
51 | }
52 |
53 | module.exports = Models;
--------------------------------------------------------------------------------
/src/components/list_content.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
8 |
10 | {{item.title}}
6 |{{item.gist}}
7 |{{item.date}}
9 |
3 |
10 |
11 |
12 |
37 |
38 |
62 |
--------------------------------------------------------------------------------
/test/e2e/runner.js:
--------------------------------------------------------------------------------
1 | // 1. start the dev server using production config
2 | process.env.NODE_ENV = 'testing'
3 |
4 | const webpack = require('webpack')
5 | const DevServer = require('webpack-dev-server')
6 |
7 | const webpackConfig = require('../../build/webpack.prod.conf')
8 | const devConfigPromise = require('../../build/webpack.dev.conf')
9 |
10 | let server
11 |
12 | devConfigPromise.then(devConfig => {
13 | const devServerOptions = devConfig.devServer
14 | const compiler = webpack(webpackConfig)
15 | server = new DevServer(compiler, devServerOptions)
16 | const port = devServerOptions.port
17 | const host = devServerOptions.host
18 | return server.listen(port, host)
19 | })
20 | .then(() => {
21 | // 2. run the nightwatch test suite against it
22 | // to run in additional browsers:
23 | // 1. add an entry in test/e2e/nightwatch.conf.json under "test_settings"
24 | // 2. add it to the --env flag below
25 | // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`
26 | // For more information on Nightwatch's config file, see
27 | // http://nightwatchjs.org/guide#settings-file
28 | let opts = process.argv.slice(2)
29 | if (opts.indexOf('--config') === -1) {
30 | opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js'])
31 | }
32 | if (opts.indexOf('--env') === -1) {
33 | opts = opts.concat(['--env', 'chrome'])
34 | }
35 |
36 | const spawn = require('cross-spawn')
37 | const runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
38 |
39 | runner.on('exit', function (code) {
40 | server.close()
41 | process.exit(code)
42 | })
43 |
44 | runner.on('error', function (err) {
45 | server.close()
46 | throw err
47 | })
48 | })
49 |
--------------------------------------------------------------------------------
/src/components/list.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 | ![]()
6 |
7 |
8 |
11 | {{ title }}
9 | 10 |
3 |
20 |
21 |
22 |
45 |
46 |
79 |
--------------------------------------------------------------------------------
/src/pages/categories.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
11 |
12 |
17 |
18 |
19 |
7 |
10 |
13 |
16 | Content
14 |
3 |
20 |
21 |
22 |
50 |
51 |
84 |
--------------------------------------------------------------------------------
/static/css/public.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | /* CSS Document */
3 | body { box-sizing: content-box; font: normal 14px/1.5 \5fae\8f6f\96c5\9ed1, Microsoft YaHei, \5b8b\4f53 ;background-color: #fff; }
4 | /*解决：滚动条有无产生的跳动*/
5 | html {overflow-y: scroll;}
6 | :root {overflow-y: auto;overflow-x: hidden;}
7 | :root body {position: absolute;}
8 | body {width: 100vw;min-height: 100%;overflow: hidden;background: url(../img/bg.jpg);}
9 | body.admin{background:url('../img/bg_admin.jpg');}
10 | @media (min-width: 768px) {body.admin{background-size: cover;}}
11 | /*合并表格的border*/
12 | /* table { border-collapse: collapse; border-spacing: 0; } */
13 | img {-ms-interpolation-mode: bicubic; }
14 | /* ul li { list-style-type: none;} */
15 | input, textarea {color: inherit;font-size: inherit; font-family: inherit;}
16 | #app>.container>.page{min-height:calc(100vh - 262px);}
17 | /* 设置滚动条的样式 */
18 | ::-webkit-scrollbar{width:8px;background-color:#aeaeae;}
19 | /* 滚动槽 */
20 | ::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8;}
21 | /* 滚动条滑块 */
22 | ::-webkit-scrollbar-thumb{width:8px;background-color:#00C0FF;min-height: 88px}
23 | ::-webkit-scrollbar-thumb:hover{ width:8px; background-color:#aeaeae;}
24 | /*打印*/
25 | @media print {
26 | img { max-width: 100% !important; }
27 | p, h2, h3 { orphans: 3; widows: 3; }
28 | }
29 | /*不能拖拽*/
30 | textarea { resize: none; }
31 | /*去掉默认边框*/
32 | input,
33 | button,
34 | select,
35 | textarea,
36 | a { outline: none;color: #666666;}
37 | /* 只支持IE，过多使用效率低 */
38 | a { blr: expression(this.onFocus=this.close()); blr: expression(this.onFocus=this.blur()); }
39 | /* IE不支持 */
40 | a:focus { -moz-outline-style: none; outline: none; }
41 | /*清除浮动*/
42 | /*父级*/
43 | .clearfix:after { height: 0; content: ""; display: block; clear: both; visibility: hidden; font-size: 0; }
44 | .clearfix { zoom: 1; }
45 | /* 子级 */
46 | .clear { clear: both; height: 0; font-size: 0; }
47 | /*常用快捷*/
48 | .yahei { font-family: 'Microsoft YaHei'; }
49 | .songti { font-family: 'Arial'; }
50 | .fl { float: left; }
51 | .fr { float: right; }
52 | .nmr{margin-right: 0!important;}
53 | .nml{margin-left: 0!important;}
54 | .nmb{margin-bottom: 0!important;}
55 | .nmt{margin-top: 0!important;}
56 | .nomore{white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
57 | .trans{ -webkit-transition:all .3s linear; transition:all .3s linear; }
58 | /* 大小不定元素垂直居中 让子inline-block化，再在后面添加一个隐藏的垂直居中的inline-block元素实现*/
59 | .dib-vm{display:inline-block;*display:inline;*zoom:1;width:0; height:100%; vertical-align:middle;}
60 | .wrapper{max-width: 1200px; margin:0 auto;}
61 | /*字体选中颜色*/
62 | ::selection{background: #0074D9;color: #fff;}
63 | ::-moz-selection{background: #0074D9;color: #fff;}
64 |
65 |
66 | /*markdown 编辑器 */
67 | .v-show-content{
68 | background: #fff!important;
69 | }
--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | // Template version: 1.2.8
3 | // see http://vuejs-templates.github.io/webpack for documentation.
4 |
5 | const path = require('path')
6 |
7 | module.exports = {
8 | dev: {
9 |
10 | // Paths
11 | assetsSubDirectory: 'static',
12 | assetsPublicPath: '/',
13 | proxyTable: {//代理
14 | '/api': {
15 | target: 'http://127.0.0.1:8088/api/',
16 | changeOrigin: true,
17 | pathRewrite: {
18 | '^/api': ''
19 | }
20 | }
21 | },
22 |
23 | // Various Dev Server settings
24 | host: '127.0.0.1', // can be overwritten by process.env.HOST
25 | port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
26 | autoOpenBrowser: false,
27 | errorOverlay: true,
28 | notifyOnErrors: true,
29 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
30 |
31 | // Use Eslint Loader?
32 | // If true, your code will be linted during bundling and
33 | // linting errors and warnings will be shown in the console.
34 | useEslint: true,
35 | // If true, eslint errors and warnings will also be shown in the error overlay
36 | // in the browser.
37 | showEslintErrorsInOverlay: false,
38 |
39 | /**
40 | * Source Maps
41 | */
42 |
43 | // https://webpack.js.org/configuration/devtool/#development
44 | devtool: 'cheap-module-eval-source-map',
45 |
46 | // If you have problems debugging vue-files in devtools,
47 | // set this to false - it *may* help
48 | // https://vue-loader.vuejs.org/en/options.html#cachebusting
49 | cacheBusting: true,
50 |
51 | cssSourceMap: true,
52 | },
53 |
54 | build: {
55 | // Template for index.html
56 | index: path.resolve(__dirname, '../dist/index.html'),
57 |
58 | // Paths
59 | assetsRoot: path.resolve(__dirname, '../dist'),
60 | assetsSubDirectory: 'static',
61 | assetsPublicPath: './',
62 |
63 | /**
64 | * Source Maps
65 | */
66 |
67 | productionSourceMap: true,
68 | // https://webpack.js.org/configuration/devtool/#production
69 | devtool: '#source-map',
70 |
71 | // Gzip off by default as many popular static hosts such as
72 | // Surge or Netlify already gzip all static assets for you.
73 | // Before setting to `true`, make sure to:
74 | // npm install --save-dev compression-webpack-plugin
75 | productionGzip: true,//开启gzip压缩
76 | productionGzipExtensions: ['js', 'css'],
77 |
78 | // Run the build command with an extra argument to
79 | // View the bundle analyzer report after build finishes:
80 | // `npm run build --report`
81 | // Set to `true` or `false` to always turn it on or off
82 | bundleAnalyzerReport: process.env.npm_config_report
83 | }
84 | }
85 |
--------------------------------------------------------------------------------
/src/components/commonFooter.vue:
--------------------------------------------------------------------------------
1 |
2 |
15 |
16 |
48 |
49 |
111 |
--------------------------------------------------------------------------------
/static/js/animation.js:
--------------------------------------------------------------------------------
1 | // 对运动方法进行封装
2 | Math.animation = function (from, to, duration, easing, callback) {
3 | var isUndefined = function (obj) {
4 | return typeof obj == 'undefined';
5 | };
6 | var isFunction = function (obj) {
7 | return typeof obj == 'function';
8 | };
9 | var isNumber = function(obj) {
10 | return typeof obj == 'number';
11 | };
12 | var isString = function(obj) {
13 | return typeof obj == 'string';
14 | };
15 |
16 | // 转换成毫秒
17 | var toMillisecond = function(obj) {
18 | if (isNumber(obj)) {
19 | return obj;
20 | } else if (isString(obj)) {
21 | if (/\d+m?s$/.test(obj)) {
22 | if (/ms/.test(obj)) {
23 | return 1 * obj.replace('ms', '');
24 | }
25 | return 1000 * obj.replace('s', '');
26 | } else if (/^\d+$/.test(obj)) {
27 | return +obj;
28 | }
29 | }
30 | return -1;
31 | };
32 |
33 | if (!isNumber(from) || !isNumber(to)) {
34 | if (window.console) {
35 | console.error('from和to两个参数必须且为数值');
36 | }
37 | return 0;
38 | }
39 |
40 | // 缓动算法
41 | var tween = Math.tween || window.Tween;
42 |
43 | if (!tween) {
44 | if (window.console) {
45 | console.error('缓动算法函数缺失');
46 | }
47 | return 0;
48 | }
49 |
50 | // duration, easing, callback均为可选参数
51 | // 而且顺序可以任意
52 | var options = {
53 | duration: 300,
54 | easing: 'Linear',
55 | callback: function() {}
56 | };
57 |
58 | var setOptions = function(obj) {
59 | if (isFunction(obj)) {
60 | options.callback = obj;
61 | } else if (toMillisecond(obj) != -1) {
62 | options.duration = toMillisecond(obj);
63 | } else if (isString(obj)) {
64 | options.easing = obj;
65 | }
66 | };
67 | setOptions(duration);
68 | setOptions(easing);
69 | setOptions(callback);
70 |
71 | // requestAnimationFrame的兼容处理
72 | if (!window.requestAnimationFrame) {
73 | requestAnimationFrame = function (fn) {
74 | setTimeout(fn, 17);
75 | };
76 | }
77 |
78 | // 算法需要的几个变量
79 | var start = 0;
80 | // during根据设置的总时间计算
81 | var during = Math.ceil(options.duration / 17);
82 |
83 | // 当前动画算法
84 | // 确保首字母大写
85 | options.easing = options.easing.slice(0, 1).toUpperCase() + options.easing.slice(1);
86 | var arrKeyTween = options.easing.split('.');
87 | var fnGetValue;
88 |
89 | if (arrKeyTween.length == 1) {
90 | fnGetValue = tween[arrKeyTween[0]];
91 | } else if (arrKeyTween.length == 2) {
92 | fnGetValue = tween[arrKeyTween[0]] && tween[arrKeyTween[0]][arrKeyTween[1]];
93 | }
94 | if (isFunction(fnGetValue) == false) {
95 | console.error('没有找到名为"'+ options.easing +'"的动画算法');
96 | return;
97 | }
98 |
99 | // 运动
100 | var step = function() {
101 | // 当前的运动位置
102 | var value = fnGetValue(start, from, to - from, during);
103 |
104 | // 时间递增
105 | start++;
106 | // 如果还没有运动到位，继续
107 | if (start <= during) {
108 | options.callback(value);
109 | requestAnimationFrame(step);
110 | } else {
111 | // 动画结束，这里可以插入回调...
112 | options.callback(to, true);
113 | }
114 | };
115 | // 开始执行动画
116 | step();
117 | };
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "taoland",
3 | "version": "1.0.0",
4 | "description": "A Vue.js project",
5 | "author": "yangyuetao",
6 | "private": true,
7 | "scripts": {
8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
9 | "start": "npm run dev",
10 | "unit": "jest --config test/unit/jest.conf.js --coverage",
11 | "e2e": "node test/e2e/runner.js",
12 | "test": "npm run unit && npm run e2e",
13 | "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs",
14 | "build": "node build/build.js"
15 | },
16 | "dependencies": {
17 | "async-validator": "^1.8.2",
18 | "axios": "^0.18.0",
19 | "cors": "^2.8.4",
20 | "deepmerge": "^2.0.1",
21 | "element-ui": "^2.0.10",
22 | "express": "^4.16.2",
23 | "express-session": "^1.15.6",
24 | "jsonwebtoken": "^8.2.0",
25 | "mavon-editor": "^2.4.16",
26 | "mongoose": "^5.0.6",
27 | "vue": "^2.5.2",
28 | "vue-hot-reload-api": "^2.2.4",
29 | "vue-resource": "^1.3.5",
30 | "vue-router": "^3.0.1",
31 | "vuex": "^3.0.1"
32 | },
33 | "devDependencies": {
34 | "autoprefixer": "^7.1.2",
35 | "babel-core": "^6.22.1",
36 | "babel-eslint": "^7.1.1",
37 | "babel-helper-vue-jsx-merge-props": "^2.0.3",
38 | "babel-jest": "^21.0.2",
39 | "babel-loader": "^7.1.1",
40 | "babel-plugin-dynamic-import-node": "^1.2.0",
41 | "babel-plugin-syntax-jsx": "^6.18.0",
42 | "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
43 | "babel-plugin-transform-runtime": "^6.22.0",
44 | "babel-plugin-transform-vue-jsx": "^3.5.0",
45 | "babel-preset-env": "^1.3.2",
46 | "babel-preset-stage-2": "^6.22.0",
47 | "babel-register": "^6.22.0",
48 | "body-parser": "^1.18.2",
49 | "chalk": "^2.0.1",
50 | "chromedriver": "^2.27.2",
51 | "compression-webpack-plugin": "^1.1.11",
52 | "copy-webpack-plugin": "^4.0.1",
53 | "cross-spawn": "^5.0.1",
54 | "css-loader": "^0.28.8",
55 | "element-ui": "^2.0.10",
56 | "eslint": "^3.19.0",
57 | "eslint-config-standard": "^10.2.1",
58 | "eslint-friendly-formatter": "^3.0.0",
59 | "eslint-loader": "^1.7.1",
60 | "eslint-plugin-html": "^3.0.0",
61 | "eslint-plugin-import": "^2.7.0",
62 | "eslint-plugin-node": "^5.2.0",
63 | "eslint-plugin-promise": "^3.4.0",
64 | "eslint-plugin-standard": "^3.0.1",
65 | "extract-text-webpack-plugin": "^3.0.0",
66 | "file-loader": "^1.1.6",
67 | "friendly-errors-webpack-plugin": "^1.6.1",
68 | "html-minifier": "^3.5.9",
69 | "html-webpack-plugin": "^2.30.1",
70 | "jest": "^21.2.0",
71 | "jest-serializer-vue": "^0.3.0",
72 | "nightwatch": "^0.9.12",
73 | "node-notifier": "^5.1.2",
74 | "node-sass": "^4.7.2",
75 | "optimize-css-assets-webpack-plugin": "^3.2.0",
76 | "ora": "^1.2.0",
77 | "portfinder": "^1.0.13",
78 | "postcss-import": "^11.0.0",
79 | "postcss-loader": "^2.0.8",
80 | "postcss-url": "^7.2.1",
81 | "rimraf": "^2.6.0",
82 | "sass-loader": "^6.0.6",
83 | "selenium-server": "^3.0.1",
84 | "semver": "^5.3.0",
85 | "shelljs": "^0.7.6",
86 | "style-loader": "^0.19.1",
87 | "uglifyjs-webpack-plugin": "^1.1.1",
88 | "url-loader": "^0.5.8",
89 | "vue-jest": "^1.0.2",
90 | "vue-loader": "^13.3.0",
91 | "vue-style-loader": "^3.0.1",
92 | "vue-template-compiler": "^2.5.2",
93 | "webpack": "^3.6.0",
94 | "webpack-bundle-analyzer": "^2.9.0",
95 | "webpack-dev-server": "^2.9.1",
96 | "webpack-merge": "^4.1.0"
97 | },
98 | "engines": {
99 | "node": ">= 6.0.0",
100 | "npm": ">= 3.0.0"
101 | },
102 | "browserslist": [
103 | "> 1%",
104 | "last 2 versions",
105 | "not ie <= 8"
106 | ]
107 | }
108 |
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueRouter from 'vue-router'
3 |
4 | //前台
5 | // import CommonLayout from '@/components/commonLayout'
6 | // import Home from '@/pages/home'
7 | // import Archives from '@/pages/archives'
8 | // import Categories from '@/pages/categories'
9 | // import Collections from '@/pages/collections'
10 | // import Demo from '@/pages/demo'
11 | // import About from '@/pages/about'
12 | // import Detail from '@/pages/detail'
13 | const CommonLayout = r => require.ensure([], () => r(require('@/components/commonLayout')), 'chunkname1')
14 | const Home = r => require.ensure([], () => r(require('@/pages/home')), 'chunkname1')
15 | const Archives = r => require.ensure([], () => r(require('@/pages/archives')), 'chunkname1')
16 | const Categories = r => require.ensure([], () => r(require('@/pages/categories')), 'chunkname1')
17 | const Collections = r => require.ensure([], () => r(require('@/pages/collections')), 'chunkname1')
18 | const Demo = r => require.ensure([], () => r(require('@/pages/demo')), 'chunkname1')
19 | const About = r => require.ensure([], () => r(require('@/pages/about')), 'chunkname1')
20 | const Detail = r => require.ensure([], () => r(require('@/pages/detail')), 'chunkname2')
21 | const Signin = r => require.ensure([], () => r(require('@/pages/signin')), 'chunkname1')
22 |
23 |
24 | //admin后台
25 | // import Signin from '@/pages/admin/signin'
26 | // import ArticleList from '@/pages/admin/articleList'
27 | // import ArticleEdit from '@/pages/admin/articleEdit'
28 | // import DemoEdit from '@/pages/admin/demoEdit'
29 | const ArticleList = r => require.ensure([], () => r(require('@/pages/admin/articleList')), 'chunkname3')
30 | const ArticleEdit = r => require.ensure([], () => r(require('@/pages/admin/articleEdit')), 'chunkname3')
31 | const DemoEdit = r => require.ensure([], () => r(require('@/pages/admin/demoEdit')), 'chunkname3')
32 | //visiter后台
33 | const VisiterIndex = r => require.ensure([], () => r(require('@/pages/visiter/index')), 'chunkname3')
34 |
35 | Vue.use(VueRouter)
36 | const routes = [
37 | {
38 | path: '/',
39 | component: CommonLayout,
40 | // name:'layout',
41 | children:[
42 | {
43 | path: '',
44 | component: Home,
45 | name:'home'
46 | },
47 | {
48 | path: '/archives',
49 | component: Archives,
50 | name:'archives',
51 | },
52 | {
53 | path: '/detail/:id',
54 | component: Detail,
55 | },
56 | {
57 | path: '/categories',
58 | component: Categories,
59 | name:'categories'
60 | },
61 | {
62 | path: '/collections',
63 | component: Collections,
64 | name:'collections'
65 | },
66 | {
67 | path: '/demo',
68 | component: Demo,
69 | name:'demo'
70 | },
71 | {
72 | path: '/about',
73 | component: About,
74 | name:'about'
75 | },
76 | {
77 | path: '/visiter',
78 | component: VisiterIndex,
79 | name:'visiter'
80 | },
81 | ]
82 | },
83 | {
84 | path: '/sign',
85 | component: Signin,
86 | name:'Signin',
87 | alias: '/admin',
88 | },
89 | {
90 | path: '/admin/list',
91 | name: 'ArticleList',
92 | component: ArticleList
93 | },
94 | {
95 | path: '/admin/edit',
96 | name: 'ArticleEdit',
97 | component: ArticleEdit
98 | },
99 | {
100 | path: '/admin/edit/:id',
101 | name: 'ArticleUpdate',
102 | component: ArticleEdit
103 | },
104 | {
105 | path: '/admin/editt',
106 | name: 'DemoEdit',
107 | component: DemoEdit
108 | },
109 | {
110 | path: '/admin/editt/:id',
111 | name: 'DemoUpdate',
112 | component: DemoEdit
113 | }
114 | ]
115 | export default new VueRouter({
116 | // mode: 'history',
117 | routes
118 | })
119 |
--------------------------------------------------------------------------------
/src/components/list_article.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
11 |
12 |
17 |
18 |
19 |
7 |
10 | Categories
8 |
13 |
16 | Content
14 |
3 |
26 |
27 |
28 |
55 |
56 |
140 |
--------------------------------------------------------------------------------
/static/css/normalize.css:
--------------------------------------------------------------------------------
1 | html {
2 | font-family: sans-serif; /* 1 */
3 | line-height: 1.15; /* 2 */
4 | -ms-text-size-adjust: 100%; /* 3 */
5 | -webkit-text-size-adjust: 100%; /* 3 */
6 | }
7 | body {
8 | margin: 0;
9 | }
10 | article,
11 | aside,
12 | footer,
13 | header,
14 | nav,
15 | section {
16 | display: block;
17 | }
18 | h1 {
19 | font-size: 2em;
20 | margin: 0.67em 0;
21 | }
22 | figcaption,
23 | figure,
24 | main { /* 1 */
25 | display: block;
26 | }
27 | figure {
28 | margin: 1em 40px;
29 | }
30 | hr {
31 | box-sizing: content-box; /* 1 */
32 | height: 0; /* 1 */
33 | overflow: visible; /* 2 */
34 | }
35 | pre {
36 | font-family: monospace, monospace; /* 1 */
37 | font-size: 1em; /* 2 */
38 | }
39 | a {
40 | background-color: transparent; /* 1 */
41 | -webkit-text-decoration-skip: objects; /* 2 */
42 | }
43 | a:active,
44 | a:hover {
45 | outline-width: 0;
46 | }
47 | abbr[title] {
48 | border-bottom: none; /* 1 */
49 | text-decoration: underline; /* 2 */
50 | text-decoration: underline dotted; /* 2 */
51 | }
52 | b,
53 | strong {
54 | font-weight: inherit;
55 | }
56 | b,
57 | strong {
58 | font-weight: bolder;
59 | }
60 | code,
61 | kbd,
62 | samp {
63 | font-family: monospace, monospace; /* 1 */
64 | font-size: 1em; /* 2 */
65 | }
66 | dfn {
67 | font-style: italic;
68 | }
69 | mark {
70 | background-color: #ff0;
71 | color: #000;
72 | }
73 | small {
74 | font-size: 80%;
75 | }
76 | sub,
77 | sup {
78 | font-size: 75%;
79 | line-height: 0;
80 | position: relative;
81 | vertical-align: baseline;
82 | }
83 | sub {
84 | bottom: -0.25em;
85 | }
86 | sup {
87 | top: -0.5em;
88 | }
89 | audio,
90 | video {
91 | display: inline-block;
92 | }
93 | audio:not([controls]) {
94 | display: none;
95 | height: 0;
96 | }
97 | img {
98 | border-style: none;
99 | }
100 | svg:not(:root) {
101 | overflow: hidden;
102 | }
103 | button,
104 | input,
105 | optgroup,
106 | select,
107 | textarea {
108 | font-family: sans-serif; /* 1 */
109 | font-size: 100%; /* 1 */
110 | line-height: 1.15; /* 1 */
111 | margin: 0; /* 2 */
112 | }
113 | button,
114 | input { /* 1 */
115 | overflow: visible;
116 | }
117 | button,
118 | select { /* 1 */
119 | text-transform: none;
120 | }
121 | button,
122 | html [type="button"], /* 1 */
123 | [type="reset"],
124 | [type="submit"] {
125 | -webkit-appearance: button; /* 2 */
126 | }
127 | button::-moz-focus-inner,
128 | [type="button"]::-moz-focus-inner,
129 | [type="reset"]::-moz-focus-inner,
130 | [type="submit"]::-moz-focus-inner {
131 | border-style: none;
132 | padding: 0;
133 | }
134 | button:-moz-focusring,
135 | [type="button"]:-moz-focusring,
136 | [type="reset"]:-moz-focusring,
137 | [type="submit"]:-moz-focusring {
138 | outline: 1px dotted ButtonText;
139 | }
140 | fieldset {
141 | border: 1px solid #c0c0c0;
142 | margin: 0 2px;
143 | padding: 0.35em 0.625em 0.75em;
144 | }
145 | legend {
146 | box-sizing: border-box; /* 1 */
147 | color: inherit; /* 2 */
148 | display: table; /* 1 */
149 | max-width: 100%; /* 1 */
150 | padding: 0; /* 3 */
151 | white-space: normal; /* 1 */
152 | }
153 | progress {
154 | display: inline-block; /* 1 */
155 | vertical-align: baseline; /* 2 */
156 | }
157 | textarea {
158 | overflow: auto;
159 | }
160 | [type="checkbox"],
161 | [type="radio"] {
162 | box-sizing: border-box; /* 1 */
163 | padding: 0; /* 2 */
164 | }
165 | [type="number"]::-webkit-inner-spin-button,
166 | [type="number"]::-webkit-outer-spin-button {
167 | height: auto;
168 | }
169 | [type="search"] {
170 | -webkit-appearance: textfield; /* 1 */
171 | outline-offset: -2px; /* 2 */
172 | }
173 | [type="search"]::-webkit-search-cancel-button,
174 | [type="search"]::-webkit-search-decoration {
175 | -webkit-appearance: none;
176 | }
177 | ::-webkit-file-upload-button {
178 | -webkit-appearance: button; /* 1 */
179 | font: inherit; /* 2 */
180 | }
181 | details, /* 1 */
182 | menu {
183 | display: block;
184 | }
185 | summary {
186 | display: list-item;
187 | }
188 | canvas {
189 | display: inline-block;
190 | }
191 | template {
192 | display: none;
193 | }
194 | [hidden] {
195 | display: none;
196 | }
197 | /*add*/
198 | ul{margin: 0;padding: 0;}
199 | a{text-decoration: none;}
200 | p{margin: 0;}
201 | h1{margin:0;}
202 |
--------------------------------------------------------------------------------
/src/pages/home.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
25 | {{item.type}}
5 |-
6 |
-
7 | {{li.date}}
8 |
{{ li.title }} 9 | 10 | 11 | 12 | 13 | {{ tag }} 14 | 15 | 16 | 17 | 18 | 19 | {{ tag }} 20 | 21 | 22 |
23 |
3 |
41 |
42 |
43 |
63 |
64 |
129 |
--------------------------------------------------------------------------------
/src/pages/collections.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
10 |
11 |
38 |
39 |
40 |
7 |
9 |
12 |
25 |
37 |
26 |
36 | FRIENDS
27 | 35 |
3 |
35 |
36 |
37 |
75 |
76 |
195 |
--------------------------------------------------------------------------------
/src/pages/demo.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
20 |
21 |
32 |
33 |
34 |
7 |
19 | Collections
8 |
9 |
17 |
18 | {{item.type}}
10 |-
11 |
-
12 | {{li.title}}
13 |
{{li.gist}}
14 |
15 |
22 |
31 | Content
23 |
24 |
30 | -
25 |
- 26 | {{li.type}} 27 | 28 |
3 |
18 |
19 |
20 |
38 |
39 |
203 |
--------------------------------------------------------------------------------
/static/css/font/demo_fontclass.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
4 |
5 |
6 |
15 |
16 |
17 |
7 | ![]()
8 |
13 |
14 |
12 |
115 | 116 |
135 |
136 |
137 |
--------------------------------------------------------------------------------
/static/js/public.js:
--------------------------------------------------------------------------------
1 | //ip
2 | export const webUrl = '/api/'
3 |
4 |
5 |
6 |
7 | //公用方法========================================================================================
8 |
9 | /**
10 | * 模拟锚点
11 | */
12 | export const anchor = {
13 | created: function () {
14 | },
15 | methods: {
16 | anchor: function (e) {
17 | let id = 'anchor-' + e;
18 | let anchor = document.getElementById(id);
19 | let go = anchor.offsetTop;
20 |
21 | // console.log(go)
22 | Math.animation(document.documentElement.scrollTop, go, 800, 'Quart.easeOut', function (value) {
23 | document.documentElement.scrollTop = value;
24 | });
25 | }
26 | }
27 | }
28 | /**
29 | * imgFile=>base64
30 | * .toDataURL()方法应该写在IconFont 图标
13 |-
14 |
15 |
-
16 |
17 | 分类18 |.icon-tubiao1319 |
20 |
21 |
-
22 |
23 | home24 |.icon-home25 |
26 |
27 |
-
28 |
29 | 收藏30 |.icon-shoucang31 |
32 |
33 |
-
34 |
35 | 关于我们36 |.icon-guanyuwomen37 |
38 |
39 |
-
40 |
41 | 聊天-选中142 |.icon-liaotianxuanzhong143 |
44 |
45 |
-
46 |
47 | play48 |.icon-play49 |
50 |
51 |
-
52 |
53 | meho54 |.icon-meho55 |
56 |
57 |
-
58 |
59 | github60 |.icon-github61 |
62 |
63 |
-
64 |
65 | 知乎66 |.icon-zhihu67 |
68 |
69 |
-
70 |
71 | top72 |.icon-top73 |
74 |
75 |
-
76 |
77 | 关闭78 |.icon-guanbi79 |
80 |
81 |
-
82 |
83 | 微博84 |.icon-weibo85 |
86 |
87 |
-
88 |
89 | 衣服90 |.icon-yifu91 |
92 |
93 |
-
94 |
95 | 音乐96 |.icon-yinle97 |
98 |
99 |
-
100 |
101 | date102 |.icon-date103 |
104 |
105 |
-
106 |
107 | archives108 |.icon-archives109 |
110 |
111 |
font-class引用
114 |115 | 116 |
font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。
117 |与unicode使用方式相比，具有如下特点：
118 |-
119 |
- 兼容性良好，支持ie8+，及所有现代浏览器。 120 |
- 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。 121 |
- 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。 122 |
- 不过因为本质上还是使用的字体，所以多色图标还是不支持的。 123 |
使用步骤如下：
125 |第一步：引入项目下面生成的fontclass代码：
126 | 127 | 128 |<link rel="stylesheet" type="text/css" href="./iconfont.css">第二步：挑选相应图标并获取类名，应用于页面：
130 |<i class="iconfont icon-xxx"></i>132 |134 |"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。
133 |
3 |
6 |
18 |
19 |
22 |
23 |
24 |
25 |
170 |
171 |
--------------------------------------------------------------------------------
/src/pages/admin/articleEdit.vue:
--------------------------------------------------------------------------------
1 |
2 | 标题
7 | 路径
9 | 图片
11 | 简介
13 |
3 |
6 |
20 |
21 |
29 |
30 |
31 |
171 |
172 |
--------------------------------------------------------------------------------
/src/pages/visiter/index.vue:
--------------------------------------------------------------------------------
1 |
2 | 标题
7 |
9 |
11 | {{category}}
12 |
13 |
14 | 分类
10 | 简介
15 | 内容 (Markdown编辑器)
22 |
23 |
25 |
28 |
3 |
34 |
35 |
36 |
136 |
137 |
212 |
--------------------------------------------------------------------------------
/src/components/commonHeader.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
33 |
5 |
6 |
7 |
9 |
10 |
12 |
13 |
14 |
15 |
17 |
18 |
21 |
22 |
24 |
25 |
26 |
27 | Save
28 | Sign Out
29 |
30 |
31 |
32 | 昵称：
8 |头像：
16 |tips:请上传2M以内JPG/PNG格式的图片，比例最好1:1
23 |
4 |
5 |
7 |
25 |
26 |
27 |
46 |
47 |
48 | TaoLand
28 |
29 | ![]()
30 |
31 |
32 |
44 |
45 |
33 |
43 | -
34 |
Home
35 | Archives
36 | Categories
37 | Collections
38 | Demo
39 | About
40 | {{nickName}}
41 |
32 |
134 | 135 |
171 |
172 |
173 |
174 |
175 |
--------------------------------------------------------------------------------
/static/css/font/demo.css:
--------------------------------------------------------------------------------
1 | *{margin: 0;padding: 0;list-style: none;}
2 | /*
3 | KISSY CSS Reset
4 | 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
5 | 2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
6 | 3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
7 | 特色：1. 适应中文；2. 基于最新主流浏览器。
8 | 维护：玉伯IconFont 图标
33 |-
34 |
35 |
-
36 |
37 | 分类38 |39 |
40 |
41 |
-
42 |
43 | home44 |45 |
46 |
47 |
-
48 |
49 | 收藏50 |51 |
52 |
53 |
-
54 |
55 | 关于我们56 |57 |
58 |
59 |
-
60 |
61 | 聊天-选中162 |63 |
64 |
65 |
-
66 |
67 | play68 |69 |
70 |
71 |
-
72 |
73 | meho74 |75 |
76 |
77 |
-
78 |
79 | github80 |81 |
82 |
83 |
-
84 |
85 | 知乎86 |87 |
88 |
89 |
-
90 |
91 | top92 |93 |
94 |
95 |
-
96 |
97 | 关闭98 |99 |
100 |
101 |
-
102 |
103 | 微博104 |105 |
106 |
107 |
-
108 |
109 | 衣服110 |111 |
112 |
113 |
-
114 |
115 | 音乐116 |117 |
118 |
119 |
-
120 |
121 | date122 |123 |
124 |
125 |
-
126 |
127 | archives128 |129 |
130 |
131 |
unicode引用
133 |134 | 135 |
unicode是字体在网页端最原始的应用方式，特点是：
136 |-
137 |
- 兼容性最好，支持ie6+，及所有现代浏览器。 138 |
- 支持按字体的方式去动态调整图标大小，颜色等等。 139 |
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。 140 |
142 |144 |注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式
143 |
unicode使用步骤如下：
145 |第一步：拷贝项目下面生成的font-face
146 |@font-face {
147 | font-family: 'iconfont';
148 | src: url('iconfont.eot');
149 | src: url('iconfont.eot?#iefix') format('embedded-opentype'),
150 | url('iconfont.woff') format('woff'),
151 | url('iconfont.ttf') format('truetype'),
152 | url('iconfont.svg#iconfont') format('svg');
153 | }
154 | 第二步：定义使用iconfont的样式
156 |.iconfont{
157 | font-family:"iconfont" !important;
158 | font-size:16px;font-style:normal;
159 | -webkit-font-smoothing: antialiased;
160 | -webkit-text-stroke-width: 0.2px;
161 | -moz-osx-font-smoothing: grayscale;
162 | }
163 | 第三步：挑选相应图标并获取字体编码，应用于页面
165 |<i class="iconfont">3</i>168 |170 |"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。
169 |
3 |
21 |
22 |
23 |
153 |
154 |
269 |
--------------------------------------------------------------------------------
/static/css/font/demo_symbol.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
4 |
5 |
6 | Sign In
7 |
9 | New to Taoland ? Sign Up !
8 |
10 |
11 |
12 |
13 | Sign Up
14 |
16 | Back to Sign In !
15 |
17 |
18 |
20 | Sign In
19 |
27 |
163 | 164 |
190 |
191 |
192 |
--------------------------------------------------------------------------------
/src/pages/detail.vue:
--------------------------------------------------------------------------------
1 |
2 | IconFont 图标
28 |-
29 |
30 |
-
31 |
34 | 分类35 |#icon-tubiao1336 |
37 |
38 |
-
39 |
42 | home43 |#icon-home44 |
45 |
46 |
-
47 |
50 | 收藏51 |#icon-shoucang52 |
53 |
54 |
-
55 |
58 | 关于我们59 |#icon-guanyuwomen60 |
61 |
62 |
-
63 |
66 | 聊天-选中167 |#icon-liaotianxuanzhong168 |
69 |
70 |
-
71 |
74 | play75 |#icon-play76 |
77 |
78 |
-
79 |
82 | meho83 |#icon-meho84 |
85 |
86 |
-
87 |
90 | github91 |#icon-github92 |
93 |
94 |
-
95 |
98 | 知乎99 |#icon-zhihu100 |
101 |
102 |
-
103 |
106 | top107 |#icon-top108 |
109 |
110 |
-
111 |
114 | 关闭115 |#icon-guanbi116 |
117 |
118 |
-
119 |
122 | 微博123 |#icon-weibo124 |
125 |
126 |
-
127 |
130 | 衣服131 |#icon-yifu132 |
133 |
134 |
-
135 |
138 | 音乐139 |#icon-yinle140 |
141 |
142 |
-
143 |
146 | date147 |#icon-date148 |
149 |
150 |
-
151 |
154 | archives155 |#icon-archives156 |
157 |
158 |
symbol引用
162 |163 | 164 |
这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 165 | 这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：
166 |-
167 |
- 支持多色图标了，不再受单色限制。 168 |
- 通过一些技巧，支持像字体那样，通过
font-size,color来调整样式。
169 | - 兼容性较差，支持 ie9+,及现代浏览器。 170 |
- 浏览器渲染svg的性能一般，还不如png。 171 |
使用步骤如下：
173 |第一步：引入项目下面生成的symbol代码：
174 |<script src="./iconfont.js"></script>第二步：加入通用css代码（引入一次就行）：
176 |<style type="text/css">
177 | .icon {
178 | width: 1em; height: 1em;
179 | vertical-align: -0.15em;
180 | fill: currentColor;
181 | overflow: hidden;
182 | }
183 | </style>第三步：挑选相应图标并获取类名，应用于页面：
185 |<svg class="icon" aria-hidden="true">
186 | <use xlink:href="#icon-xxx"></use>
187 | </svg>
188 |
3 |
19 |
20 |
21 |
196 |
197 |
199 |
200 |
286 |
--------------------------------------------------------------------------------
/src/pages/admin/articleList.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
18 | {{title}}
5 |
6 | {{date}}
7 | {{tag}}
8 |
9 |
10 |
16 |
3 | 返回首页
4 |
131 |
132 |
133 |
273 |
274 |
275 |
280 |
--------------------------------------------------------------------------------
/src/pages/about.vue:
--------------------------------------------------------------------------------
1 |
2 | {{type=='article'?'文章列表':'demo列表'}}
5 |
6 |
7 | Article
8 | Demo
9 |
10 |
11 |
12 | 新增+
13 |
19 |
22 |
23 | {{ scope.row.title }}
24 |
25 |
26 |
29 |
30 |
31 | {{ scope.row.date }}
32 |
33 |
34 |
37 |
38 | {{ scope.row.gist.slice(0,30) }}
39 |
40 |
41 |
44 |
45 | 未分类
46 | {{ tag }}
47 |
48 |
49 |
50 |
51 | 查看
55 | 编辑
59 | 删除
63 |
64 |
65 |
66 |
67 |
68 |
69 | 新增+
70 |
76 |
79 |
80 | {{ scope.row.title }}
81 |
82 |
83 |
86 |
87 |
88 | {{ scope.row.date }}
89 |
90 |
91 |
94 |
95 | {{ scope.row.file }}
96 |
97 |
98 |
101 |
102 | {{ scope.row.pic }}
103 |
104 |
105 |
108 |
109 | {{ scope.row.gist.slice(0,30) }}
110 |
111 |
112 |
113 |
114 | 查看
118 | 编辑
122 | 删除
126 |
127 |
128 |
129 |
130 |
3 |
105 |
106 |
107 |
167 |
168 |
270 |
292 |
293 |
--------------------------------------------------------------------------------
/static/css/font/iconfont.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
82 |
--------------------------------------------------------------------------------
/static/css/font/iconfont.js:
--------------------------------------------------------------------------------
1 | (function(window){var svgSprite='';var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window)
--------------------------------------------------------------------------------
4 |
5 |
6 |
88 |
89 |
101 |
102 |
103 |
104 |
7 |
87 | About
8 | 9 |
10 |
15 | 关于我
11 |做前端有2年了，目前就职于北京思源时代
12 |并不是科班出身，学的是物理，后来从事不喜欢的工作，直到遇到前端
13 |非常喜欢,开始自学,遇到过很多坑,但是一直坚持,坚信终有一天自己也会变强!
14 |
16 |
26 | 联系我
17 |-
18 |
- 个人主页：taoLand 19 |
- Github：bestRenekton 20 |
- 知乎 21 |
- 网易云 22 |
- Email： 342060286@qq.com 23 |
- QQ：342060286 24 |
27 |
75 | 关于本站
28 |这个博客主要用于记录一个菜鸟程序猿的Growth之路.
29 |这也是自己第一次做博客，希望和大家多多交流，一起成长！
30 |欢迎大家提一些对本站的建议，可以直接在下面留言或者新建一个Issue.
31 |-
32 |
- 实现了用户注册、登录、检测登录、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。 33 |
- 前端使用vue全家桶（cli,router,vuex,axios），框架用的elmentUI 34 |
- 后端使用node,框架用的express,mongoose 35 |
- 数据库采用mongodb 36 |
- 服务器是centos的 37 |
39 |
74 | Update Log
40 |2018.2.28 v1.0.1
41 |-
42 |
[+]个人博客第一版上线
43 |
2018.3.20 v1.1.1
45 |-
46 |
[+]新增流量统计功能
47 | [+]新增token功能
48 | [+]升到https
49 | [+]若干bug
50 |
2018.6.10 v1.2.1
52 |-
53 |
[+]大幅提高首页渲染速度
54 | [+]看板娘上线
55 | [+]若干优化
56 |
2018.7.23 v1.3.1
58 |-
59 |
[+]游客登陆/注册/检测
60 | [+]图片上传
61 | [+]评论留言
62 | [+]文章分享功能
63 | [+]上一篇下一篇
64 |
76 |
86 | 友情链接
77 | 85 |