主题加入背景特效并做了改进

最后更新：
许可协议： 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议



yilia的背景特效的注入：

　　看到诗与远方的博客，感觉背景特效很赞，就借鉴过来用用，酷炫的东西大家都喜欢哈。由于他是对next主题的支持，而对yilia主题的支持还需要略微的修改，接下来就说明下要修改的地方。
　　主要修改的 ejs 在 themes\hexo-theme-yilia-master\layout.ejs ：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
#将<body>改为如下代码
<body style="z-index: -2;">
#在layout文件底部，加入如下代码：
<script type="text/javascript" color="64,11,244" opacity='1' zIndex="-1" count="90">
	
	function browserRedirect() {
      var sUserAgent = navigator.userAgent.toLowerCase();
      var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
      var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
      var bIsMidp = sUserAgent.match(/midp/i) == "midp";
      var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
      var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
      var bIsAndroid = sUserAgent.match(/android/i) == "android";
      var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
      var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
      
      if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
      	//document.getElementById('c_n11').style.display = 'none';
      } else {
      		! function() {
						function o(w, v, i) {
							return w.getAttribute(v) || i
						}
					
						function j(i) {
							return document.getElementsByTagName(i)
						}
					
						function l() {
							var i = j("script"),
								w = i.length,
								v = i[w - 1];
							return {
								l: w,
								z: o(v, "zIndex", -1),
								o: o(v, "opacity", 1),
								c: o(v, "color", "220,240,120"),
								n: o(v, "count", 99)
							}
						}
					
						function k() {
							r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
						}
					
						function b() {
							e.clearRect(0, 0, r, n);
							var w = [f].concat(t);
							var x, v, A, B, z, y;
							t.forEach(function(i) {
								i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);
								for(v = 0; v < w.length; v++) {
									x = w[v];
									if(i !== x && null !== x.x && null !== x.y) {
										B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;
										y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A*2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())
									}
								}
								w.splice(w.indexOf(i), 1)
							}), m(b)
						}
						var u = document.createElement("canvas"),
							s = l(),
							c = "c_n11",
							e = u.getContext("2d"),
							r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(i) {
								window.setTimeout(i, 1000 / 45)
							},
							a = Math.random,
							f = {
								x: null,
								y: null,
								max: 20000
							};
						u.id = c;
						
						u.style.cssText = "display:black;position:absolute;top:10px;left:10px;z-index:" + s.z + ";opacity:" + s.o;
						j("body")[0].appendChild(u);
						document.getElementById('c_n11').style.display = 'black';
						k(), window.onresize = k;
						window.onmousemove = function(i) {
							i = i || window.event, f.x = i.clientX, f.y = i.clientY
						}, window.onmouseout = function() {
							f.x = null, f.y = null
						};
						for(var t = [], p = 0; s.n > p; p++) {
							var h = a() * r,
								g = a() * n,
								q = 2 * a() - 1,
								d = 2 * a() - 1;
							t.push({
								x: h,
								y: g,
								xa: q,
								ya: d,
								max: 6000
							})
						}
						setTimeout(function() {
							b()
						}, 100)
					}();	
      }
    }
    browserRedirect();
</script>

　　以上代码实现，背景特效canvas层不会遮挡应用层，并适应pc端和手机端(手机端显示这个特效会巨丑，所以通过判断把手机端的特效给过滤掉了)。 　　

国足的大宝：


　　下班与好友学长一块去吃羊蝎子看球赛，甚爽，昨日预选赛中国对韩国，时下政治情况下，可谓这场比赛吸引的全国人民的眼球，最后中国足球队顶住压力1:0战胜韩国，扬眉吐气！附小图几张：
　　
　　

展开全文 >>

node.js读取access数据库，绘制微桥智能视频设备数据图表

最后更新：
许可协议： 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议



node.js读access数据库mdb文件：

　　本项目使用electron打包桌面应用程序；支持微桥智能视频设备，设备自带软件显示方式单一，为了更直观的了解情况，故采用处理数据以图表形式显示的方式。
　　node-adodb组件支持node.js在windows读取access数据库mdb文件，并可进行sql操作。
　　

1
2
3
4
5
6
7
8
9
10
11
12
13
#安装node-adodb组件
npm install node-adodb
#基本操作，dir_path为mdb文件路径，mdb为mdb文件名
var ADODB = require('node-adodb');
var connection = ADODB.open('Provider=Microsoft.Jet.OLEDB.4.0;Data Source='+ dir_path +'\\' + mdb +';');
//query操作的是有返回量的，比如查询
//execute操作是没有返回量的
connection
	.query('SELECT * FROM DATA_COUNTER WHERE DEVICE = 2;')
	.once('done', function(datas) {
	    
	
	})

　　下面是软件截图
　　

展开全文 >>

提供CDN加速：
本站总访问量次

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    2、在根目录_config.yml里添加配置： 

    					  jsonContent:
					    meta: false
					    pages: false
					    posts:
					      title: true
					      date: true
					      path: true
					      text: true
					      raw: false
					      content: false
					      slug: false
					      updated: false
					      comments: false
					      link: false
					      permalink: false
					      excerpt: false
					      categories: false
					      tags: true

欢迎大家来到皮色的博客窝<br><br>,欢迎大家指导，我也会继续学习的<br>谢谢大家